VUE 身份证号验证

export function validateSfz(rule, value, callback) {if (!value) {return callback(new Error('身份证号码不能为空'));}function validataCredentials(num) {var msg, boo; //  msg身份证验证友情提示,boo返回值var num = num.toUpperCase(); // 身份证为末尾可能是X//   身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，//   最后一位是校验位，可能为数字或字符X。const arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);const arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');var nTemp = 0,i;if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {//  输入的身份证号长度不对，或者号码不符合规定;return [boo = false, msg = "输入的身份证号长度不对，或者号码不符合规定"];}//   校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。//   下面分别分析出生日期和校验位var len, re;len = num.length;if (len == 15) {re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/);var arrSplit = num.match(re);//   检查生日日期是否正确var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]);var bGoodDay;bGoodDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));if (!bGoodDay) {//   输入的身份证号里出生日期不对！return [boo = false, msg = "输入的身份证号里出生日期不对！"];} else {//   将15位身份证转成18位//   校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。   num = num.substr(0, 6) + '19' + num.substr(6, num.length - 6);for (i = 0; i < 17; i++) {nTemp += num.substr(i, 1) * arrInt[i];}num += arrCh[nTemp % 11];return [boo = true, msg = num];}}if (len == 18) {re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/);var arrSplit = num.match(re);//  检查生日日期是否正确var dtmBirth = new Date(arrSplit[2] + "/" + arrSplit[3] + "/" + arrSplit[4]);var bGoodDay;bGoodDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));if (!bGoodDay) {//  输入的身份证号里出生日期不对！ return [boo = false, msg = " 输入的身份证号里出生日期不对"];} else {//  检验18位身份证的校验码是否正确。//  校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。var valnum;for (i = 0; i < 17; i++) {nTemp += num.substr(i, 1) * arrInt[i];}valnum = arrCh[nTemp % 11];if (valnum != num.substr(17, 1)) {//  18位身份证的校验码不正确！return [boo = false, msg = "身份证的校验码不正确！"];}return [boo = true, msg = "验证成功"]}}return [boo = false, msg = "身份证的长度不正确！"];}setTimeout(() => {var res = validataCredentials(value);if (!res[0]) {callback(new Error(res[1]));} else {callback();}}, 200);
};

VUE HTML 部分

  <el-form:model="ruleForm":rules="rules"ref="ruleForm"label-width="100px"class="demo-ruleForm"><el-form-itemlabel="申请人身份证号"prop="identity"label-width="27%"><el-inputv-model="ruleForm.identity"placeholder="请输入您的身份证号码（如：6105******1452）":maxlength="18"></el-input></el-form-item>
</el-form>

使用方式：自己创建一个js文件如：validateSfz.js
JS 部分

import { validateSfz } from "../js/validateSfz.js";data() {return {ruleForm: {identity: "",},rules: {identity: [{ required: true, validator: validateSfz, trigger: "blur" }],},}}

复制代码可以直接使用参考 element ui 表单验证自定义验证。

VUE 身份证号验证相关推荐

python身份证号掩盖出生日期的代码_利用Python制作全国身份证号验证及查询系统！就问你吊不吊！...
大家好哇,又是一个愉快的周末,今天本鸟给大家分享1个有趣的实战项目,用python制作"全国身份证号验证及查询系统",成品界面如下图: 本系统可以实现身份证号真伪验证,年龄.性别及 ...
Java 身份证号验证
二代身份证号码验证扯淡区: 本博客主要内容是利用Java语言来验证身份证号码是否符合18位的二代身份证号规范. 公民身份号码是特征组合码,由十七位数字本体码和一位数字校验码组成.排列顺序从左至右依次 ...
利用python实现身份证号验证系统
大家好哇,又是一个愉快的周末,今天本鸟给大家分享1个有趣的实战项目,用python制作"全国身份证号验证及查询系统",成品界面如下图: 本系统可以实现身份证号真伪验证,年龄.性别及 ...
python身份证验证系统_利用Python制作全国身份证号验证及查询系统！就问你吊不吊！...
大家好哇,又是一个愉快的周末,今天本鸟给大家分享1个有趣的实战项目,用python制作"全国身份证号验证及查询系统",成品界面如下图: 本系统可以实现身份证号真伪验证,年龄.性别及 ...
PHP 身份证号验证是否是真实的
已测试,90%左右的身份证号都可以检验出来是否是真实的身份证号,如果要求不高的话,可以不用在使用第三方的身份证号验证了封装的model 可以直接使用的大家可以借鉴看一下,有问题可以及时指出 < ...
基于struts2框架-自定义身份证号验证器
自定义拦截器的步骤: 1.定义一个验证器的类: > 自定义的验证器都需要实现 Validator接口. > 可以选择继承 ValidatorSupport 或 FieldValidato ...
用python制作全国身份证号验证及查询系统
大家好哇,又是一个愉快的周末,今天本鸟给大家分享1个有趣的实战项目,用python制作"全国身份证号验证及查询系统",成品界面如下图: 本系统可以实现身份证号真伪验证,年龄.性 ...
身份证号验证银行卡号验证
身份证号验证 /* 审批系统的身份证验证* 身份证15位编码规则:dddddd yymmdd xx p* dddddd:6位地区编码* yymmdd: 出生年(两位年)月日,如:910215* xx: ...
【趣味案例】用python制作全国身份证号验证及查询系统
今天给大家分享1个有趣的实战项目,用python制作"全国身份证号验证及查询系统",成品界面如下图: 本系统可以实现身份证号真伪验证,年龄.性别及发证地查询,看起来是不是很高大上, ...
jq身份证号验证(详细)
//检查确认身份证是否合法(新) function checkCardNumber(text, callback){ checkAge = true; var number = text; if (n ...

VUE 身份证号验证

VUE 身份证号验证相关推荐

最新文章

热门文章