页面载入时,加入拓展
$(function () {
jQuery.validator.addMethod("isIdCardNo", function (value, element){
return this.optional(element) || isIdCardNo(value);
},"请正确输入您的身份证号码");
});
方法主体
function isIdCardNo(num) {
var factorArr = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5,8, 4, 2, 1];
var parityBit = ["1", "0", "X", "9", "8", "7", "6", "5", "4","3", "2"];
var varArray= [];
var lngProduct = 0;
var intCheckDigit;
var intStrLen = num.length;
var idNumber= num;
//initialize
if(intStrLen !== 18) {
return false;
}
// check andset value
for (i = 0;i < intStrLen; i++) {
varArray[i] = idNumber.charAt(i);
if ((varArray[i] < '0' || varArray[i]> '9') && (i !== 17)){
return false;
} else if (i < 17) {
varArray[i] = varArray[i] * factorArr[i];
}
}
if(intStrLen === 18) {
//check date
var date8 = idNumber.substring(6, 14);
if (!isDate8(date8)) {
return false;
}
// calculate the sum of the products
for (i = 0; i < 17; i++) {
lngProduct = lngProduct + varArray[i];
}
// calculate the check digit
intCheckDigit = parityBit[lngProduct % 11];
// check last digit
if (varArray[17] != intCheckDigit) {
return false;
}
}else{
return false;
}
return true;
}
18位身份证日期校验
function isDate8(sDate) {
if(!/^[0-9]{8}$/.test(sDate)) {
return false;
}
var year,month, day;
year =sDate.substring(0, 4);
month =sDate.substring(4, 6);
day =sDate.substring(6, 8);
var iaMonthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30,31];
if (year< 1700 || year > 2500) {
return false;
}
if (((year %4 == 0) && (year % 100 != 0)) ||(year % 400 == 0)) {
iaMonthDays[1] = 29;
}
if (month< 1 || month > 12) {
return false;
}
return !(day < 1 || day > iaMonthDays[month - 1]);
}
测试页面
需要将输入框放入到一个表单中进行校验
注意,需要对身份证输入框指定校验方法
<html lang="en">
<head>
<meta charset="UTF-8">
<title>验证身份证号title>
head>
<body>
<form id="info">
<label for="IDNum">
<input type="text" id="IDNum" name="IDNum">
label>
form>
body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js">script>
<script src="https://cdn.bootcss.com/jquery-validate/1.19.1/jquery.validate.min.js">script>
<script src="https://cdn.bootcss.com/jquery-validate/1.19.1/localization/messages_zh.js">script>
<script src="js/validateIDNum.js">script>
<script>
$(function () {
$("#info").validate({
rules:{
IDNum:{
isIdCardNo:true,
}
}
});
});
script>
html>