jquery plug-in validation implementation verification ID number, etc. _jquery

First recommend a bootstrap jquery validation plugin: http://thrilleratplay.github.io/jquery-validation-bootstrap-tooltip/

JQuery Validation Add validation rules

Validata.html

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 
$ (function () {$.validator.setdefaults ({submithandler:function (form) {Form.submit ();}});//character Validation jquery.validator.a Ddmethod ("Stringcheck", function (value, Element) {return this.optional (element) | |/^[\u0391-\uffe5\w]+$/.test (value
);
"Can only include Chinese characters, English letters, numbers and underscores"); Chinese text two bytes jQuery.validator.addMethod ("Byterangelength", function (value, element, param) {var length = value.length; for (var i = 0; i < value.length; i++)
{if (value.charcodeat (i) > 127) {length++}} return this.optional (Element) | |
(length >= param[0] && length <= param[1]);
 
"Make sure that the value entered is between 3-15 bytes (2 bytes in one)"); ID Number Verification JQuery.validator.addMethod ("Isidcardno", function (value, Element) {return this.optional (element) | |
Idcardnoutil.checkidcardno (value);
"Please enter your ID number correctly"); Passport number Verification JQuery.validator.addMethod ("Passport", function (value, Element) {return this.optional (element) | |
CheckNumber (value);
 
"Please enter your Passport number correctly"); Mobile number verification JQuery.validator.addMethod ("IsMobile", function (value, Element) {
var length = Value.length; var mobile =/^ ((13[0-9]{1}) | (
15[0-9]{1})) +\d{8}) $/; return this.optional (Element) | |
(length = = && Mobile.test (value));
 
"Please fill in your mobile phone number correctly"; Phone number verification JQuery.validator.addMethod ("Istel", function (value, Element) {var Tel =/^\d{3,4}-?\d{7,9}$/;// Phone number format 010-12345678 return this.optional (element) | |
(Tel.test (value));
 
"Please fill in your phone number correctly"); Contact Phone (cell phone/Phone can) verify JQuery.validator.addMethod ("Isphone", function (value,element) {var length = Value.length; var mobile =/^ ((13[0-9]{1}) | (15[0-9]{1}))
+\D{8}) $/;
var tel =/^\d{3,4}-?\d{7,9}$/; return this.optional (Element) | |
 
(tel.test (value) | | mobile.test (value));
 
"Please fill in your contact number correctly"; ZIP Code verification JQuery.validator.addMethod ("Iszipcode", function (value, Element) {var Tel =/^[0-9]{6}$/; return this.optional (Element) | |
(Tel.test (value));
 
"Please fill in your zip code correctly"); Start verifying $ (' #commentForm '). Validate ({rules: {username: {required:true, Stringcheck:true, byterangelength:[3,15]}, Emai
l:{Required:true, Email:true}, phone:{required:true, ismobile:true}, address:{required:true, Stringcheck:true, byterangelength:[3,100]}, card:{R Equired:true, isidcardno:true}, passport:{required:true, Passport:true}}, messages:{Username: {required: "Please fill in Write user name ", Stringcheck:" User name can only include Chinese characters, English letters, numbers and underscores, Byterangelength: "username must be between 3-15 characters (2 characters in one)"}, email:{required: " <font color=red> Please enter an email address </fond> ", Email:" Please enter a valid email address "}, phone:{required:" Please enter your contact number ", Isphone:"
Please enter a valid contact telephone "}, address:{required:" Please enter your contact address ", Stringcheck:" Please enter your contact address correctly ", Byterangelength:" Please detail your contact address to facilitate us to contact you "},

card:{Required: "Please enter the ID number", Isidcardno: "Please enter the correct ID number"}, passport:{required: "Please enter the passport number", Passport: "Please enter the correct passport number"}, Focusinvalid:false, Onkeyup:false, errorplacement:function (Error, Element) {Error.appendto (element.parent ());}, err

 Orelement: "em", error:function (label) {Label.text (""). AddClass ("error");})

Card.js

var idcardnoutil = {provinceandcitys: {11: "Beijing", 12: "Tianjin", 13: "Hebei", 14: "Shanxi", 15: "Inner Mongolia", 21: "Liaoning", 22: "Jilin", 23: "Heilongjiang", 31: "Shanghai", 32: "Jiangsu", 33: "Zhejiang", 34: "Anhui", 35: "Fujian", 36: "Jiangxi", 37: "Shandong", 41: "Henan", 42: "Hubei", 43: "Hunan", 44: "Guangdong", 45: "Guangxi", 46: "Hainan", 50: "Chongqing", 51: "Sichuan ", 52:" Guizhou ", 53:" Yunnan ", 54:" Tibet ", 61:" Shaanxi ", 62:" Gansu ", 63:" Qinghai ", 64:" Ningxia ", 65:" Xinjiang ", 71:" Taiwan ", 81:" Hong Kong ", 82:" Macao ", 91:" Foreign "}, Powers: [" 7 " , "9", "Ten", "5", "8", "4", "2", "1", "6", "3", "7", "9", "Ten", "5", "8", "4", "2"], paritybit: ["1", "0", "X", "9", "8", "7", "6", "5" , "4", "3", "2"], genders: {male: "male", Female: "Female"}, Checkaddresscode:function (Addresscode) {var check =/^[1-9]\d{5}$/.
Test (Addresscode);
if (!check) return false; if (Idcardnoutil.provinceandcitys[parseint (addresscode.substring (0,2))] {return true;} else{return False}}, Checkbirthdaycode:function (Birdaycode) {var check =/^[1-9]\d{3} ((0[1-9)) | ( 1[0-2])) ((0[1-9]) | ( [1-2] [0-9]) | (3[0-1])
$/.test (Birdaycode);
if (!check) return false;
var yyyy = parseint (birdaycode.substring (0,4), 10);
var mm = parseint (birdaycode.substring (4,6), 10); var dd = ParsEint (birdaycode.substring (6), 10);
var xdata = new Date (YYYY,MM-1,DD); if (XData > New Date ()) {return false;//birthday cannot be greater than the current date}else if ((xdata.getfullyear () = = yyyy) && (Xdata.getmont H () = = mm-1) && (xdata.getdate () = = dd) {return true;}
 
else{return false;}, Getparitybit:function (Idcardno) {var id17 = idcardno.substring (0,17);
var power = 0;
 
for (Var i=0;i<17;i++) {Power + = parseint (Id17.charat (i), ten) * parseint (idcardnoutil.powers[i));
var mod = power% 11;
return Idcardnoutil.paritybit[mod]; }, Checkparitybit:function (Idcardno) {var paritybit = Idcardno.charat. toUpperCase (); if ( Idcardnoutil.getparitybit (idcardno) = = Paritybit) {return true;} else{return false;}, Checkidcardno:function (Idcardno) {//15-bit and 18-bit identity card number Basic checksum var check =/^\d{15}| ( \D{17} (\d|x|
X)) $/.test (Idcardno);
if (!check) return false; Determine whether the length is 15-bit or 18-bit if (idcardno.length==15) {return Idcardnoutil.check15idcardno (Idcardno);} else if (idcardno.length==18) {return idcardnoutil.check18IdCardNo (Idcardno); }else{return false;},//Verify 15-bit ID number check15idcardno:function (idcardno) {//15-bit ID number for basic check var check =/^[1-9]\d{7} (0 [1-9]) | (1[0-2]) ((0[1-9]) | ([1-2][0-9]) | (3[0-1])
\d{3}$/.test (Idcardno);
if (!check) return false;
Verify address code var Addresscode = idcardno.substring (0,6);
Check = Idcardnoutil.checkaddresscode (Addresscode);
if (!check) return false;
var birdaycode = ' n ' + idcardno.substring (6,12);
Check Date code return Idcardnoutil.checkbirthdaycode (Birdaycode); },//verify 18-bit ID number check18idcardno:function (idcardno) {//18-bit ID number basic format check var check =/^[1-9]\d{5}[1-9]\d{3} ((0[1-9)) | ( 1[0-2])) ((0[1-9]) | ( [1-2] [0-9]) | (3[0-1]) \D{3} (\d|x|
X) $/.test (Idcardno);
if (!check) return false;
Verify address code var Addresscode = idcardno.substring (0,6);
Check = Idcardnoutil.checkaddresscode (Addresscode);
if (!check) return false;
Check Date code var birdaycode = idcardno.substring (6,14);
Check = Idcardnoutil.checkbirthdaycode (Birdaycode);
if (!check) return false; Verify the school Check code return idcardnoutil.checkparitybit (Idcardno); }, Formatedatecn:function (day) {var yyyy =day.substring (0,4); var mm = day.substring (4,6); var dd = day.substring (6); r
Eturn yyyy + '-' + mm + '-' + dd;
},//Get information Getidcardinfo:function (Idcardno) {var idcardinfo = {gender: "",//Sex Birthday: ""//Birth date (YYYY-MM-DD)}; if (idcardno.length==15) {var aday = ' n ' + idcardno.substring (6,12); IDCARDINFO.BIRTHDAY=IDCARDNOUTIL.FORMATEDATECN (
Aday); if (parseint (Idcardno.charat)%2==0) {Idcardinfo.gender=idcardnoutil.genders.female;} else{Idcardinfo.gender=idcardnoutil.genders.male}} else if (idcardno.length==18) {var aday = idcardno.substring (6,14); IDCARDINFO.BIRTHDAY=IDCARDNOUTIL.FORMATEDATECN (
Aday); if (parseint (Idcardno.charat)%2==0) {Idcardinfo.gender=idcardnoutil.genders.female;}
 
else{Idcardinfo.gender=idcardnoutil.genders.male;}
return idcardinfo; }, Getid15:function (Idcardno) {if (idcardno.length==15) {return idcardno;} else if (idcardno.length==18) {return idcardno.substring (0,6) + idcardno.substring (8,17);} else{return null; }, Getid18:function (Idcardno) {if (idcardno.length==15) {var id17 = idcardno.substring (0,6) + ' ' + idcardno.substring (
6);
var paritybit = idcardnoutil.getparitybit (ID17);
return id17 + paritybit; }else if (idcardno.length==18) {return idcardno;}
else{return null;}
}; Verify that the Passport is correct function checknumber (number) {var str=number;//in JavaScript, regular expressions can only use the "/" Start and end, and cannot use double quotes var expression=/(p\ D{7}) |
(g\d{8})/;
var objexp=new RegExp (Expression); if (Objexp.test (str) ==true) {return true;}
 else{return false;};

The above is the entire contents of this article, I hope you can enjoy.