关于vue项目表单验证身份证号的正则表达式

我是直接在vue项目的from表单中的自定义验证中定义的，直接上代码撸。

rules：{idNumber: [{required: true,message: "请输入身份证号",trigger: "blur",},{//自定义身份证号验证validator: (rule, value, callback) => {var checkCode = function (val) {var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;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 code = val.substring(17);if (p.test(val)) {var sum = 0;for (var i = 0; i < 17; i++) {sum += val[i] * factor[i];}if (parity[sum % 11] == code.toUpperCase()) {return true;}}return false;};var checkDate = function (val) {var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;if (pattern.test(val)) {var year = val.substring(0, 4);var month = val.substring(4, 6);var date = val.substring(6, 8);var date2 = new Date(year + "-" + month + "-" + date);if (date2 && date2.getMonth() == parseInt(month) - 1) {return true;}}return false;};var checkProv = function (val) {var pattern = /^[1-9][0-9]/;var provs = {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: "澳门",};if (pattern.test(val)) {if (provs[val]) {return true;}}return false;};if (checkCode(value)) {var date = value.substring(6, 14);if (checkDate(date)) {if (checkProv(value.substring(0, 2))) {callback();}}} else {callback(new Error("请输入正确的身份证号码"));return false;}},},],
}

关于vue项目表单验证身份证号的正则表达式相关推荐

关于Vue的表单验证
前言最近在研究 Vue 如何实现表单的验证,在网上查阅资料以后,简单将这些方法整合一下,方便以后学习.如果有不准确之处,还望指正. Vue 实现表单验证的方法有如下几种: 一.基于 Vue 与 jQ ...
【VUE 表单验证】vue Element 表单验证中多层v-for验证方法
vue Element 表单验证中对象有list列表如何验证正常情况下只需要<el-form-item> 标签中填入prop数据属性即可. <el-form-item label ...
vue iview表单验证,清除表单验证/去掉表单验证的*号
前言: 最近写isop项目遇到的问题, 表单验证,默认的iview写法加上prop,在data里面定义,input前面就会有个红色的号,表示这里必填加了验证,测试觉得这个号碍眼,让我去掉,第一次遇到这 ...
vue+Element表单验证+数字英文密码和手机号验证（详细）
项目开发时需要用到表单验证,密码验证和手机验证都是使用正则表达式,特此记录一下. 1.表单图 2.代码 <template> //就是你要输入的名称< ...
vue el-form表单验证，多表单验证及动态数据项表单验证
form表单验证是几乎所有web项目或者APP都会遇到的,那么通常遇到的表单验证情况主要分为以下三种: 1.form表单中的表单项项都是写死的意思是说,表单项不是根据动态数据加载出来的.那么只需要写 ...
Vue判断表单验证和判断单项验证是否成功
整个表单验证是否成功 this.$refs.form.validate(valid => {if (valid) {console.log("success")} else ...
js表单验证（常用的正则表达式）
js表单验证的正则表达式,test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false. 语法:let reg=/正则表达式主体/修饰符(可 ...
el-form表单验证身份证合法性和手机号格式
一.需求:身份证号:根据身份证编码规则在表单输入框添加校验,手机号:验证基本格式. 1.验证form表单身份证合法性和手机号格式,页面效果如下 2.身份证编码规则排列顺序从左至右依次为:六位数字地址 ...
jQuery正则表达式表单验证身份证号码
代码: <!DOCTYPE html> <html><head ><title></title><script src="j ...
vue form表单验证
第一种:非必填不能为空,并且需要正则验证第二种:必填,正则验证,不能只输入空格验证第三种:必填,正则验证,不能输入空格(v-model.trim) 第四种:选了多选框后必填第一种:非必填不能为空 ...

关于vue项目表单验证身份证号的正则表达式

我是直接在vue项目的from表单中的自定义验证中定义的，直接上代码撸。

关于vue项目表单验证身份证号的正则表达式相关推荐

最新文章

热门文章