vue身份证正则校验的2种类型
项目场景:vue项目中身份证号码设置了校验,但是在验收的时候还可以输入错误的身份证号码。依旧通过了校验,发现是校验规则不够严格。替换一种新的校验方式问题描述:旧的正则校验不够严谨,可以输入合法但错误的身份证号。代码:data(){return {rules:{IDCard: [{required: true,pattern: /^(([1-9][
·
项目场景:
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" }
],
}
}
}
新的校验方式必须输入完全正确的身份证号码,才能通过校验
更多推荐
已为社区贡献5条内容
所有评论(0)