jquery.validate动态更改校验规则

最新推荐文章于 2020-11-21 14:49:00 发布

java难民

最新推荐文章于 2020-11-21 14:49:00 发布

阅读量824

点赞数

分类专栏： js 文章标签： js validate 动态校验 jquery.validate

原文链接：http://blog.chinaunix.net/uid-20690917-id-3381743.html

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="validate.addmethod.js" type="text/javascript"></script>
<script src="messages_zh.js" type="text/javascript"></script>
<script type="text/javascript">
 
//===================放在validate.addmethod.js中=========================
 
//检查号码是否符合规范，包括长度，类型
isCardNo = function(card)
{
    //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
    var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/;
    if(reg.test(card) === false)
    {
        return false;
    }
    return true;
};
 
//取身份证前两位,校验省份
checkProvince = function(card)
{
    var province = card.substr(0,2);
    if(vcity[province] == undefined)
    {
        return false;
    }
    return true;
};
 
//检查生日是否正确
checkBirthday = function(card)
{
    var len = card.length;
    //身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字
    if(len == '15')
    {
        var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;
        var arr_data = card.match(re_fifteen);
        var year = arr_data[2];
        var month = arr_data[3];
        var day = arr_data[4];
        var birthday = new Date('19'+year+'/'+month+'/'+day);
        return verifyBirthday('19'+year,month,day,birthday);
    }
    //身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X
    if(len == '18')
    {
        var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;
        var arr_data = card.match(re_eighteen);
        var year = arr_data[2];
        var month = arr_data[3];
        var day = arr_data[4];
        var birthday = new Date(year+'/'+month+'/'+day);
        return verifyBirthday(year,month,day,birthday);
    }
    return false;
};
 
//校验日期
verifyBirthday = function(year,month,day,birthday)
{
    var now = new Date();
    var now_year = now.getFullYear();
    //年月日是否合理
    if(birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day)
    {
        //判断年份的范围（3岁到100岁之间)
        var time = now_year - year;
        if(time >= 3 && time <= 100)
        {
            return true;
        }
        return false;
    }
    return false;
};
//校验位的检测
checkParity = function(card)
{
    //15位转18位
    card = changeFivteenToEighteen(card);
    var len = card.length;
    if(len == '18')
    {
        var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
        var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
        var cardTemp = 0, i, valnum;
        for(i = 0; i < 17; i ++)
        {
            cardTemp += card.substr(i, 1) * arrInt[i];
        }
        valnum = arrCh[cardTemp % 11];
        if (valnum == card.substr(17, 1))
        {
            return true;
        }
        return false;
    }
    return false;
};
//15位转18位身份证号
changeFivteenToEighteen = function(card)
{
    if(card.length == '15')
    {
        var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
        var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
        var cardTemp = 0, i;
        card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6);
        for(i = 0; i < 17; i ++)
        {
            cardTemp += card.substr(i, 1) * arrInt[i];
        }
        card += arrCh[cardTemp % 11];
        return card;
    }
    return card;
};
isIdCardNo = function(card)
{
    //是否为空
    if(card === '')
    {
        return false;
    }
    //校验长度，类型
    if(isCardNo(card) === false)
    {
        return false;
    }
    //检查省份
    if(checkProvince(card) === false)
    {
        return false;
    }
    //校验生日
    if(checkBirthday(card) === false)
    {
        return false;
    }
    //检验位的检测
    if(checkParity(card) === false)
    {
        return false;
    }
    return true;
};
    // 身份证号码验证
    jQuery.validator.addMethod("isIdCardNo", function(value, element) {
     return this.optional(element) || isIdCardNo(value);
    }, "请正确输入您的身份证号码");
    // 护照号格式验证
    jQuery.validator.addMethod("isPassport", function(value,element) {
          var passport = "/(P/d{7})|(G/d{8})/";
         return this.optional(element) || (passport.test(value));
        }, "请正确填写您的护照号");
//===================放在validate.addmethod.js中END=========================
$(document).ready(function() {
    $("#ctc_form").validate({
        ignore: "", // 开启hidden验证， 1.9版本后默认关闭
        rules: {
            "qq": {
                required: true,
                //minlength: 2
                stringCheck:true
            }
        }
    });
    $("#papersType").change( function() {
        var type = $("#papersType").find("option:selected").text();
        if(type=="身份证"){
            $("#papersCode").rules("remove");
            $("#papersCode").rules("add", { required: true,isIdCardNo: true, messages: { required: "请正确输入您的身份证号码"} });
        }else if(type == "军官证"){
            $("#papersCode").rules("remove");
            $("#papersCode").rules("add", { required: true,stringCheck:true,minlength:6,maxlength:8, messages: { required: "请输入正确的军官证号"} });
        }else if(type == "护照"){
            $("#papersCode").rules("remove");
            $("#papersCode").rules("add", { required: true,isPassport:true, messages: { required: "请正确填写您的护照号"} });
        }else if(type == "机动车驾驶证"){
            $("#papersCode").rules("remove");
            $("#papersCode").rules("add", { required: true,stringCheck:true, messages: { required: "机动车驾驶证是必填"} });
        }else{
            $("#papersCode").rules("remove");
            $("#papersCode").rules("add", { required: true,stringCheck:true, messages: { required: "必填"} });
        }
    });
});
</script>
<title></title>
</head>
<body>
  <div class="m_right">
    <form id="ctc_form" method="post" action="">
        <table width="700" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse;border-spacing: 0; border:0;margin:0px auto;">
              <tr>
                <td width="90" class="m_r_s_con_td"><span class="required_mark">*</span>证件类型 </td>
                <td width="275" class="m_r_s_con_text"><label for="select"></label>
                  <select name="papersType" id="papersType">
                    <option value="0">请选择</option
                    <option value="1">身份证</option>
                    <option value="2">军官证</option>
                    <option value="3">护照</option>
                    <option value="4">机动车驾驶证</option>
                    <option value="5">其他</option>
                </select></td>
                <td class="m_r_s_con_text"></td>
              </tr>
              <tr>
                <td width="90" class="m_r_s_con_td"><span class="required_mark">*</span>证件证号 </td>
                <td width="275" class="m_r_s_con_text"> 
                <input name="papersCode" id="papersCode"/>
                </td>
                <td class="m_r_s_con_text"></td>
              </tr>
              <tr>
                <td width="90" class="m_r_s_con_td"><span class="required_mark">*</span>QQ </td>
                <td width="275" class="m_r_s_con_text"> 
                <input name="qq" id="qq"/>
                </td>
                <td class="m_r_s_con_text"></td>
              </tr>
         </table>
      <input type="submit" value="添加" />
    </form>
  </div>
</body>
</html>

下面进行补充一些：

//身份证号合法性验证 
//支持15位和18位身份证号
//支持地址编码、出生日期、校验位验证
function IdentityCodeValid(code) { 
  var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "};
  var tip = "";
  var pass= true;

  if(!code || !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(code)){
      tip = "身份证输入错误";
      pass = false;
  }else if(!city[code.substr(0,2)]){
      tip = "身份证输入错误";
      pass = false;
  }
  else{
      //18位身份证需要验证最后一位校验位
      if(code.length == 18){
          code = code.split('');
          //∑(ai×Wi)(mod 11)
          //加权因子
          var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
          //校验位
          var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
          var sum = 0;
          var ai = 0;
          var wi = 0;
          for (var i = 0; i < 17; i++)
          {
              ai = code[i];
              wi = factor[i];
              sum += ai * wi;
          }
          var last = parity[sum % 11];
          if(parity[sum % 11] != code[17]){
              tip = "身份证输入错误";
              pass =false;
          }
      }
  }
  if(!pass) layer.open({content: tip, skin: 'msg',time:2});
  return pass;
}

// 港澳居民来往内地通行证
// 规则：通行证证件号码共11位。第1位为字母，“H”字头签发给香港居民，“M”字头签发给澳门居民；
// 第2位至第11位为数字，前8位数字为通行证持有人的终身号，后2位数字表示换证次数，首次发证为00，此后依次递增。
// H/M + 8位或10位数字
// 样本： H12345678 或 H1234567801
function HMCardValid(data) {
    var reg = /^[H|h|M|m](\d{8}|\d{10})$/; 
    var tip = '', pass = true;
    if (!data) {
        tip = ' 港澳居民来往内地通行证号码不能为空';
        pass = false;
    } else if (!reg.test(data.trim())) {
        tip = ' 港澳居民来往内地通行证号码输入错误';
        pass = false;
    } 
    
    if(!pass) layer.open({content: tip, skin: 'msg',time:2});
    return pass;
}

// 香港  
// 规则： XYabcdef(z)表示。「X」可能是「空格」或是一个英文字母，「Y」则必定是英文字母。「abcdef」代表一个六位数字，而「z」是作为检码之用，它的可能选择是0, 1, 2, ... , 9, A(代表10)
// 样本： C668668(a)    X354670(0)    b354670(a)    g354670a
// reg = /^((\s?[A-Za-z])|([A-Za-z]{2}))\d{6}\(?[0−9aA]\)?$/;

// 澳门：
// 规则： 居民身份证号码由8个拉丁数字组成格式为XNNNNNN(Y)   
// 样本： 5215299(8) 
// reg = /^[1|5|7][0-9]{6}\(?[0-9Aa]\)?/;
function MacaoIdCardValid(data) {
    var reg = /^[1|5|7][0-9]{6}\(?[0-9Aa]\)?/;
    var tip = '', pass = true;
    if (!data) {
        tip = '澳门居民来身份证号码不能为空';
        pass = false;
    } else if (!reg.test(data.trim())) {
        tip = '澳门居民身份证号码输入错误';
        pass = false;
    } 
    
    if(!pass) layer.open({content: tip, skin: 'msg',time:2});
    return pass;
}

// 台湾居民来往大陆通行证
// 规则： 新版8位或18位数字， 旧版10位数字 + 英文字母
// 样本： 12345678 或 1234567890B  R122159007
function TWCardValid(data) {
     var reg = /^\d{8}|^[a-zA-Z0-9]{10}|^\d{18}$/;
     var tip = '', pass = true;
     if (!data) {
        tip = '台湾居民来往大陆通行证号码不能为空';
         pass = false;
     } else if (!reg.test(data.trim())) {
        tip = '台湾居民来往大陆通行证号码输入错误';
         pass = false;
     } 
    
     if(!pass) layer.open({content: tip, skin: 'msg',time:2});
     return pass;
}

// 护照
// 规则： 14/15开头 + 7位数字, G + 8位数字, P + 7位数字, S/D + 7或8位数字,等
// 样本： 141234567, G12345678, P1234567 
function PassPortCardValid(data) {
     var reg = /(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/ ;
     var tip = '', pass = true;
     if (!data) {
         tip = '护照号码不能为空';
         pass = false;
     } else if (!reg.test(data.trim())) {
         tip = '护照号码输入错误';
         pass = false;
     } 
    
     if(!pass) layer.open({content: tip, skin: 'msg',time:2});
     return pass;
}

// 军人/武警身份证件验证
// 规则： 军/兵/士/文/职/广/（其他中文） + "字第" + 4到8位字母或数字 + "号"
// 样本： 军字第2001988号, 士字第P011816X号
function SoldierCardValid(data) {
    var reg = /^[\u4E00-\u9FA5](字第)([0-9a-zA-Z]{4,8})(号?)$/;
    var tip = '', pass = true;
     if (!data) {
         tip = '军人/武警证件号码不能为空';
         pass = false;
     } else if (!reg.test(data.trim())) {
         tip = '军人/武警证件号码输入错误';
         pass = false;
     }

     if(!pass) layer.open({content: tip, skin: 'msg',time:2});
     return pass;
}

java难民

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery.validate动态更改校验规则

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=U...
复制链接

扫一扫