jquery検証はID番号、パスポート、電話番号、電子メールを検証します（サンプルコード）_jquery

validata.htm

复制代码 代码如下: 無标题文档 em.success{ background:url("images/tips_arrow.gif") no-repeat left 0px; padding- left:16px; margin-left:2px; } em.error{ background:url("images/tips_arrow.gif") no-repeat left -51px; display :inline; padding-left:10px; font-style:normal; font-size:11px; margin-left:2px; font-family:12px/162% Arial、Helvetica、サンセリフ;

}

姓名

電子邮件 *

身份证号 *

护照编号 *

電话号番号 *

validata.js

复制代幣 代码如下: $(function(){

$.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); // 文字の検証 jQuery.validator.addMethod("stringCheck", function(value, element) { return this.optional(element) || /^[u0391-uFFE5w] $/.test(value); }, "漢字、英字、数字、アンダースコアのみを含めることができます") // 2 バイトの漢字 jQuery.validator.addMethod(" byteRangeLength ", function(value, element, param) { var length = value.length; for(var i = 0; i if(value.charCodeAt ( i) > 127){ 長さ ; } } return this.optional(element) || ( 長さ >= param[0] && length }, "入力された値が 3 ～ 15 バイトであることを確認してください (漢字 1 文字は 2 バイトとしてカウントされます)");

// ID カード番号の検証 jQuery.validator .addMethod("isIdCardNo", function(value, element) { return this.optional(element) || idCardNoUtil.checkIdCardNo(value); }, "ID カード番号を正しく入力してください"); 🎜>//パスポート番号検証 jQuery.validator.addMethod("passport", function(value, element) { return this.optional(element) || checknumber(value); }, "パスポート番号を正しく入力してください");

//携帯電話番号認証 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 (要素) || (length == 11 && mobile.test(value));

// 電話番号の検証 jQuery.validator.addMethod("isTel", function(value, element) { var tel = /^d{3,4}-?d{7,9}$/; //電話番号形式 010-12345678 return this.optional(element) || (tel.test(value)); }, "電話番号を正しく入力してください");

// 連絡先電話番号 (携帯電話) /phone は許容されます) 検証 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));

}, "連絡先情報を正しく入力してください" );

// 郵便番号検証 jQuery.validator.addMethod("isZipCode", function(value, element) { var tel = /^[0-9]{6 }$ /; return this.optional(element) || (tel.test(value));

//Start Validate $('#commentForm').validate({

rules: { ユーザー名: { required:true, stringCheck:true, byteRangeLength:[ 3, 15] }, 電子メール:{ 必須: true, 電子メール: true }, 電話:{ 必須: true, isMobile :true }, アドレス:{ 必須:true, stringCheck:true, byteRangeLength:[3,100] }, カード:{ 必須:true , isIdCardNo:true

}, パスポート:{ 必須:true, パスポート:true

} },

メッセージ:{ ユーザー名: { 必須: "ユーザー名を入力してください"、 stringCheck: "ユーザー名には、中国語の文字、英語の文字、数字、アンダースコアのみを含めることができます", byteRangeLength: "ユーザー名は 3 ～ 15 文字である必要があります (漢字 1 文字は 2 文字としてカウントされます)" }, email:{ required: " "、 電子メール: "有効な電子メール アドレスを入力してください" }、 電話:{ 必須: "連絡先番号を入力してください "、 isPhone: "有効な連絡先番号を入力してください" }, address:{ required: "連絡先アドレスを入力してください", stringCheck: "正しく入力してください 連絡先アドレス", byteRangeLength: "連絡できるように連絡先アドレスを指定してください" }, Card:{ required:"ID 番号を入力してください", isIdCardNo:"正しい ID を入力してください番号" }, パスポート:{ 必須:"パスポート番号を入力してください", パスポート:"正しいパスポート番号を入力してください" } },

focusInvalid: false, onkeyup: false,

errorPlacement: function(error, element) { エラー。 }, errorElement:"em", error:function(label){label.text(" ").addClass("error");} }) }) card.js コードをコピーします コード以下のように: var idCardNoUtil = { provinceAndCitys: {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:"国外"},

powers: ["7","9","10","5","8","4","2","1","6","3","7","9","10","5","8","4","2"],

parityBit: ["1","0","X","9","8","7","6","5","4","3","2"],

genders: {male:"男",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;//生日不能大于当前日期 }else if ( ( xdata.getFullYear() == yyyy ) && ( xdata.getMonth () == 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 power += parseInt(id17.charAt(i),10) * parseInt(idCardNoUtil.powers[i]); }

var mod = power % 11; return idCardNoUtil.parityBit[mod]; },

checkParityBit: function(idCardNo){ var parityBit = idCardNo.charAt(17).toUpperCase(); if(idCardNoUtil.getParityBit(idCardNo) == parityBit){ return true; }else{ return false; } },

checkIdCardNo: function(idCardNo){ //15位和18位身份证号码的基本校验 var check = /^\d{15}|(\d{17}(\d|x|X))$/.test(idCardNo); if(!check) return false; //判断长度为15位或18位 if(idCardNo.length==15){ return idCardNoUtil.check15IdCardNo(idCardNo); }else if(idCardNo.length==18){ return idCardNoUtil.check18IdCardNo(idCardNo); }else{ return false; } },

//校验15位的身份证号码 check15IdCardNo: function(idCardNo){ //15位身份证号码的基本校验 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; //校验地址码 var addressCode = idCardNo.substring(0,6); check = idCardNoUtil.checkAddressCode(addressCode); if(!check) return false; var birDayCode = '19' + idCardNo.substring(6,12); //校验日期码 return idCardNoUtil.checkBirthDayCode(birDayCode); },

//校验18位的身份证号码 check18IdCardNo: function(idCardNo){ //18位身份证号码的基本格式校验 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; //校验地址码 var addressCode = idCardNo.substring(0,6); check = idCardNoUtil.checkAddressCode(addressCode); if(!check) return false; //校验日期码 var birDayCode = idCardNo.substring(6,14); check = idCardNoUtil.checkBirthDayCode(birDayCode); if(!check) return false; //验证校检码 return idCardNoUtil.checkParityBit(idCardNo); },

formateDateCN: function(day){ var yyyy =day.substring(0,4); var mm = day.substring(4,6); var dd = day.substring(6); return yyyy + '-' + mm +'-' + dd; },

//获取信息 getIdCardInfo: function(idCardNo){ var idCardInfo = { gender:"", //性别 birthday:"" // 出生日期(yyyy-mm-dd) }; if(idCardNo.length==15){ var aday = '19' + idCardNo.substring(6,12); idCardInfo.birthday=idCardNoUtil.formateDateCN(aday); if(parseInt(idCardNo.charAt(14))%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(16))%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) '19' idCardNo.substring(6); var parityBit = idCardNoUtil.getParityBit(id17); return id17 parityBit; }else if(idCardNo.length==18){ return idCardNo; }else{ return null; } } }; //パスポートが正しいかどうかを確認します function checknumber(number){ var str=number; //In JavaScript の場合、正規表現は「/」でのみ開始および終了でき、二重引用符は使用できません。 var Expression=/(Pd{7})|(Gd{8})/; var objExp=new RegExp(Expression ); if(objExp.test(str)==true){ return true; }else{ return false; } };