jquery 검증은 ID 번호, 여권, 전화번호, 이메일(예제 코드)_jquery를 확인합니다.-JS 튜토리얼-php.cn

jquery 검증은 ID 번호, 여권, 전화번호, 이메일(예제 코드)_jquery를 확인합니다.

WBOY

풀어 주다： 2016-05-16 17:17:11

원래의

1265명이 탐색했습니다.

validata.htm

复代码代码如下:

无标题文档

validata.js

复system代码代码如下:

 $(function(){

 $.validator.setDefaults({ 
 submitHandler: function(form) { 
 form.submit(); 
 } 
 }); 
 // 문자 유효성 검사 
 jQuery.validator.addMethod("stringCheck", function(value, element) { 
 return this.ional(element) || /^[u0391-uFFE5w] $/.test(value); 
 }, "한자, 영문자, 숫자, 밑줄만 포함할 수 있습니다.") 
 // 한자 2바이트
 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){ 
 길이 ; 
 } 
 } 
 return this.ional(element) || ( length >= param[0] && length <= param[1 ] ); 
}, "입력한 값이 3~15바이트인지 확인하세요. (한자 1개는 2바이트로 계산됩니다.)") 

// 신분증 번호 확인
jQuery.validator .addMethod("isIdCardNo", function(value, element) { 
 return this.ional(element) || idCardNoUtil.checkIdCardNo(value); 
}, "신분증 번호를 정확하게 입력해주세요"); 🎜>//여권번호 확인
 jQuery.validator.addMethod("passport", function(value, element) { 
 return this.ional(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.selection (요소) || (길이 == 11 && mobile.test(값)) 
}, "휴대폰 번호를 정확하게 입력하세요.") 

// 전화번호 확인
 jQuery.validator.addMethod("isTel", function(value, element) { 
 var tel = /^d{3,4}-?d{7,9}$/; //전화번호 형식 010-12345678 
 return this.ional(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.ional(element) || (tel.test(value) || mobile.test(value)) 

}, "연락처 정보를 정확하게 입력해주세요." ); 

// 우편번호 확인
jQuery.validator.addMethod("isZipCode", function(value, element) { 
 var tel = /^[0-9]{6 }$ /; 
 return this.Optional(value)); 
}, "우편번호를 정확하게 입력하세요.") 

//확인 시작 🎜>$('#commentForm').validate({ 

 규칙: { 
 사용자 이름: { 
 필수: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자 사이여야 합니다(한자 하나는 2자로 계산됩니다)." 
 }, 
 이메일:{ 
 필수: "", 
 이메일: "유효한 이메일 주소를 입력하세요." 
 }, 
 전화:{ 
 필수: "연락처 번호를 입력하세요. ", 
 isPhone: "유효한 연락처를 입력하세요." 
 }, 
 주소:{ 
 필수: "연락처 주소를 입력하세요.", 
 stringCheck: "연락처 주소를 정확하게 입력하세요.", 
 byteRangeLength: "연락할 수 있도록 연락처 주소를 지정해 주세요." 
 },
 카드:{
 필수:"ID 번호를 입력하세요.",
 isIdCardNo:"올바른 ID를 입력하세요. 번호"
 },
 여권:{
 필수:"여권 번호를 입력하세요.",
 여권:"올바른 여권 번호를 입력하세요."
 }
 }, 

 
 focusInvalid: false, 
 onkeyup: false, 

 
 errorPlacement: function(error, element) { 
 error.appendTo( element.parent()); 
 }, 
 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<17;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){
true 반환;
}else{
false 반환;
}
};