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

原文地址：JS+JQ简单的表单失焦验证作者：邓强以下代码仅供参考。





// 验证用户名
function ckname(){
      var
username=$("#username").val();
      var
rename=/^w{5,12}$/;
     
if(username==""){
     
     
$("#susername").html("用户名不能为空").css("color","red");
     
      return
false;
      }else
if(!rename.test(username)){
     
     
$("#susername").html("用户为5-12位字符").css("color","red");
     
      return
false;
     
}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(){
     
   var
email=$("#email").val();
     
   var
reemail=/^w+@w+(.w+)+$/;
     
   if(email==""){
     
     
   
$("#semail").html("邮箱不能为空").css("color","red");
     
     
    return false;
     
   }else
if(!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(){
     
   var
desc=$("#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("验证通过");
     
}
}