JS+JQ简单的表单失焦验证

来源：互联网发布：php用来做什么的编辑：程序博客网时间：2024/06/05 07:32

原文地址：JS+JQ简单的表单失焦验证作者：邓强

以下代码仅供参考。

// 验证用户名

function ckname(){

varusername=$("#username").val();

varrename=/^w{5,12}$/;

if(username==""){

$("#susername").html("用户名不能为空").css("color","red");

returnfalse;

}elseif(!rename.test(username)){

$("#susername").html("用户为5-12位字符").css("color","red");

returnfalse;

}else{

$("#susername").html("用户名正确").css("color","green");

}

function ckname1(){

$("#susername").html("请输入5-12位字符").css("color","red");

}

// 密码失去焦点验证

function ckpassword(){

var password=$("#password").val();

var repass=/^w{6,18}$/;

if(password==""){

$("#spassword").html("密码不能为空").css("color","red");

return false;

}else if(!repass.test(password)){

$("#spassword").html("密码为6-12位字符").css("color","red");

return false;

}else{

$("#spassword").html("密码正确").css("color","green");

}

// 确认密码的验证

function ckpassword1(){

var password= $("#password").val();

var password1=$("#password1").val();

if(password1==""){

$("#spassword1").html("验证密码不能为空").css("color","red");

return false;

}else if(password1!=password){

$("#spassword1").html("两次密码不相同").css("color","red");

return false;

}else{

$("#spassword1").html("密码确认正确").css("color","green");

}

// 邮箱失去焦点验证

function ckemail(){

varemail=$("#email").val();

varreemail=/^w+@w+(.w+)+$/;

if(email==""){

$("#semail").html("邮箱不能为空").css("color","red");

return false;

}elseif(!reemail.test(email)){

$("#semail").html("邮箱格式不正确").css("color","red");

return false;

}else{

$("#semail").html("邮箱正确").css("color","green");

}

// 电话失去焦点验证

function ckphone(){

var phone=$("#phone").val();

var rephone=/^1[3578]d{9}$/;

if(phone==""){

$("#sphone").html("电话不能为空").css("color","red");

return false;

}else if(!rephone.test(phone)){

$("#sphone").html("电话格式不正确").css("color","red");

return false;

}else{

$("#sphone").html("电话正确").css("color","green");

}

// 答案失去焦点验证

function ckanswer(){

var answer=$("#answer").val();

if(answer==""){

$("#sanswer").html("答案不能为空").css("color","red");

return false;

}else{

$("#sanswer").html("答案格式正确").css("color","green");

}

// 简介失去焦点验证

function ckdesc(){

vardesc=$("#desc").val();

if(desc==""){

$("#sdesc").html("简介不能为空").css("color","red");

return false;

}else{

$("#sdesc").html("简介格式正确").css("color","green");

}

// 总验证

function ckfun(){if(ckname()==false||ckpassword()==false||ckpassword1()==false||ckemail==false||ckphone()==false||ckanswer()==false||ckdesc()==false){

alert("验证有误");

return false;

}else{

alert("验证通过");

}

0 0