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" }],}}}

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

vue身份证正则校验的2种类型相关推荐

vue身份证正则校验
对身份证号码进行正则校验 let regs = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|3 ...
vue身份证号码校验
一.vue身份证号码校验? let checkRegNo = (rule,value,callback) => { setTimeout(() => { const ...
vueCli3 身份证正则校验
js /** @Description:身份证校验规则.*/ //校验身份证号 export function isIdentityId(identityId) {var patrn = /(^\d{ ...
js严格的身份证正则校验
//校验身份证号 checkIDCard(idcode){// 加权因子var weight_factor = [7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];// 校验码 ...
uniapp vue 身份证号校验
在utils文件夹中创建一个文件 passid.js //身份证号严格校验 function identityIDCard(code) {//身份证号前两位代表区域var city = {11: ...
java 身份证正则校验工具类
import java.text.SimpleDateFormat; import java.util.Date;/** * 验证身份证号码身份证号码, 可以解析身份证号码的各个字段, * 以及验证 ...
vue路由守卫有哪三种类型
vue中路由守卫一共有三种,分别为:全局路由守卫(全局前置守卫.全局后置守卫),组件内路由守卫,路由独享守卫(是在路由配置页面单独给路由配置的一个守卫). 路由守卫,也可以是路由拦截,我们可以通过路由 ...
vue 身份证校验、识别性别/生日/年龄
vue 身份证格式校验_chen_ai_tao的博客-CSDN博客_vue 身份证校验 Vue中根据输入的身份证号识别年龄.性别_cx&lavender的博客-CSDN博客_vue中根据省份证 ...
iOS之身份证的正则校验
理论部分: 15位身份证号码=6位地区代码+6位生日+3位编号 18位身份证号码=6位地区代码+8位生日+3位编号+1位检验码各省市地区国家代码前两位代码是: 北京 11 吉林 ...

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

项目场景：

问题描述：

解决方案：

vue身份证正则校验的2种类型相关推荐

最新文章

热门文章