vue身份证正则校验的2种类型

项目场景：

vue项目中身份证号码设置了校验，但是在验收的时候还可以输入错误的身份证号码。依旧通过了校验，发现是校验规则不够严格。替换一种新的校验方式

---

问题描述：

旧的正则校验不够严谨，可以输入合法但错误的身份证号。 代码：

data(){
	return {
		rules:{
			 IDCard: [
		                {
		                   required: true,
		                   pattern: /^(([1-9][0-9]{5}(19|20)[0-9]{2}((0[1-9])|(1[0-2]))([0-2][1-9]|10|20|30|31)[0-9]{3}([0-9]|X|x))|([1-9][0-9]{5}[0-9]{2}((0[1-9])|(1[0-2]))([0-2][1-9]|10|20|30|31)[0-9]{3}))$/,
		                   message: "请输入正确的身份证号",
		                   trigger: "blur"
		                 }
		           ],
			  }
 		}
 }	

---

解决方案：

跟换身份证校验方式(这里可以允许为空，请根据需求修改)

data(){
   let checkRegNo = (rule,value,callback) => {
            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;
            
            var patt1=new RegExp("(^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$)|(^[1-9]\\d{5}\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{2}$)");
            if(value == ''){
                pass = true;
            }else if(!patt1.test(value)){
                 callback(new Error("身份证号格式错误"));
                pass = false;
            } else if(!city[value.substr(0,2)]){
                callback(new Error("地址编码错误"));
                pass = false;
            }else{
                //18位身份证需要验证最后一位校验位
                if(value.length == 18){
                    value = value.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 = value[i];
                        wi = factor[i];
                        sum += ai * wi;
                    }
                    var last = parity[sum % 11];
                    if(parity[sum % 11] != value[17]){
                        callback(new Error("身份证号码错误"));
                        pass =false;
                    }
                }
            }
            if(pass){
                 callback();
            }
            
        } 
        return{
        	rules:{
                 Idcard: [
                      { validator: checkRegNo, trigger: "blur" }
                ],
            }
        }
   }     

新的校验方式必须输入完全正确的身份证号码，才能通过校验