jquery.jsp.asp动态异步验证精华

jquery动态验证 ，jquery对jsp验证，jquery对asp 验 证，非空验证，合法性验证……随着电子商务的飞速发展，广泛应用，人类对电商的依赖程度越来越高。对用户信息的要求也越来越细，越多，但是当这些信息要保 存的时候，对用户输入的信息的规范进行验证显得至关重要，比如一些：用户名，编号等等一般都要进行是否重复验证，如果这些动作放在服务器端验证的话，不但 增加了服务器的访问压力，用户体验也不好，就在这时候出现了一个新的技术：jquery动态验证，它可以做到局部验证 ，提高了用户体验的质量。下面是我在工作中的一点点记录，分享一下，希望能帮助大家，供大家参考，望大家多多指点。共同讨论：

function checkRegist(){
 /*验证用户名*/
    var user = getElementByName("name");
    var pat=new RegExp("^[a-zA-Z][a-zA-Z0-9_]{3,19}$","i");
 if(user.value.length == 0)
    { 
     $("#checkName").html("请输入用户名！").css("color","red");
        return false;
    }else if( 0 < user.value.length && user.value.length < 6){
  $("#checkName").html("用户名至少为6位！").css("color","red");
  return false;
 }else if(user.value.length >10){
  $("#checkName").html("用户名长度最大12位！").css("color","red");
  return false;
 }else if(pat.test(user.value)==false){
  $("#checkName").html("用户名不合法!").css("color","red");
  return false;
 }else{
     $("#checkName").html("")
    }
    
 /*密码检验*/
    var passwd = getElementByName("password1");
    if (passwd.value.length == 0) {
 $("#pwdRemind").html("密码不能为空！").css("color","red");
 return false;
    }else if(passwd.value.length < 6){
 $("#pwdRemind").html("密码至少为6位！").css("color","red");
 return false;
    }else if(passwd.value.length > 16){
 $("#pwdRemind").html("密码长度最大16位！").css("color","red");
 return false;
    }else{
 $("#pwdRemind").html("");
    }
 
    /*两次输入密码是否一致*/
    var passwd2 = getElementByName("password2");
    if (passwd2.value != getElementByName("password1").value) {
 $("#checkPwd").html("两次密码不相同！").css("color","red");
 return false;
    }
 
 /*验证用户真实姓名*/
    var truename = getElementByName("trueName");
    var strs=truename.value.replace(/(^\s+)|(\s+$)/g, "");
    if(strs.length == 0)
    {
        $("#checktrueName").html("请输入真实姓名！").css("color","red");
        return false;
    }else if( !strs.match(/^[\u4e00-\u9fa5]{2,5}$/)){
  $("#checktrueName").html("只能输入2-5个汉字").css("color","red");
  return false;
 }else if( 0 < strs.length && strs.length < 2){
  $("#checktrueName").html("长度过短").css("color","red");
  return false;
 }else if( 6 < strs.length){
  $("#checktrueName").html("长度过长").css("color","red");
  return false;
 }else{
     $("#checktrueName").html("")
    }
   
    /*验证 邮箱*/
    email = getElementByName("email");
    var pat_em = new RegExp("^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]+");
 if(email.value.length == 0)
    {
        $("#checkMail").html("请输入用户邮箱！").css("color","red");
        return false;
    }else if( !pat_em.test(email.value)){
  $("#checkMail").html("请输入正确的邮箱地址").css("color","red");
  return false;
 }else{
     $("#checkMail").html("")
    }
   
    /*验证 邮编*/
    postcode = getElementByName("postCode");
    var pat_po = new RegExp("^[1-9]{1}[0-9]{5}$");
 if(postcode.value.length == 0)
    {
        $("#remindPostCode").html("请输入邮编！").css("color","red");
        return false;
    }else if( !pat_po.test(postcode.value)){
  $("#remindPostCode").html("请输入正确的邮编").css("color","red");
  return false;
 }else{
     $("#remindPostCode").html("")
    }
   
    /*验证电话(电话号码 + 手机号码)*/
    phone = getElementByName("phone");
    var pat_ph = new RegExp("(^0?\\d{11}$)|(^\\(?\\d{3,4}[-\\)]?\\d{7,8}$)");
 if(phone.value.length == 0)
    {
        $("#checkPhone").html("请输入用户电话！").css("color","red");
        return false;
    }else if( !pat_ph.test(phone.value)){
  $("#checkPhone").html("请输入正确的联系电话").css("color","red");
  return false;
 }else{
     $("#checkPhone").html("")
    }
   
    /*验证用户 联系电话(电话号码 + 手机号码)*/
    mphone = getElementByName("mphone");
    var pat_mp = new RegExp("(^0?\\d{11}$)|(^\\(?\\d{3,4}[-\\)]?\\d{7,8}$)");
 if(mphone.value.length == 0)
    {
        $("#checkMphone").html("请输入用户电话！").css("color","red");
        return false;
    }else if( !pat_mp.test(mphone.value)){
  $("#checkMphone").html("请输入正确的联系电话").css("color","red");
  return false;
 }else{
     $("#checkMphone").html("")
    }
 
 var code = getElementByName("code");
 if (code.value.length == 0){
  $("#codeR").html("请输入验证码！").css("color","red");
  return false;
 }else{
  $("#codeR").html("");
 }
 
 return true;
}