jquery validation驗證身分證字號,護照,電話號碼,email(實例代碼)_jquery

validata.htm

複製代碼代碼如下：

代碼如下：



代碼如下：



代碼如下：



代碼如下：



代碼如下 PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


; ;

  

 

 

   護照編號*    

 

   電話號碼*

     form>validata.js複製代碼 程式碼如下：

  $(function(){

  $.validator.setDefaults({
     submitHandler)   });
  // 字元驗證
  jQuery.validator.addMethod("stringCheck", function(value, element) {
     return this.optional(element) ||🎜>     return this.optional(element) ||/^u0391] $/.test(value);
  }, "只能包含中文字、英文字母、數字和底線");
  // 中文字兩個位元組
  jQuery.validator.addMethod(" byteRangeLength", function(value, element, param) {
     var length = value.length;
    for(var i = 0; i 127){
  length ;
  }
  }
  return this.optional(element) || ( length >= param[0] && length }, "請確保輸入的值在3-15個位元組之間(一個中文字算2個位元組)");

// 身分證號碼驗證
jQuery.validator .addMethod("isIdCardNo", function(value, element) {
  return this.optional(element) || idCardNoUtil.checkIdCardNo(value);    
}, "請正確輸入您的身分證號碼");
//護照編號驗證
 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(element) || (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));
}, "請正確填寫您的電話號碼");

// 聯絡電話(手機/電話皆可)驗證
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));
}, "請正確填寫您的郵遞區號");

//開始驗證
$('#commentForm').validate({

  rules: {
  username: {
  required:true,
  stringCheck:true,
  byteang,L5155]
  },
  email:{
  required:true,
  email:true
  },
  phone:{
>  },
  address:{
  required:true,
  stringCheck:true,
  byteRangeLength:[3,100] 🎜>   isIdCardNo:true

  },
    passport:{
   required:true,
 
  messages:{
  username: {
  required: "請填入使用者名稱",
  stringCheck: "使用者名稱只能包含中文字、英文字母、數字與底線",
  byteRangeLength : "使用者名稱必須在3-15個字之間(一個中文字算2個字元)"
  },
  email:{
  required: "請輸入一個Email地址",
  email: "請輸入一個有效的Email地址"
  },
  phone:{
  required: "請輸入您的聯絡電話",
  isPhone : "請輸入一個有效的聯絡電話"
  },
  address:{
  required: "請輸入您的聯絡地址",
  stringCheck: "請正確輸入您的聯絡地址",
  byteRangeLength: "請詳實您的聯絡地址以便於我們聯絡您"
  },
  card:{
  required:"請輸入身分證編號",
  isIdCard:"請輸入正確的證號"
  },
  passport:{
  required:"請輸入護照編號",
  passport:"請輸入正確的護照編號"  }
  }🎜>  } ,

  
  focusInvalid: false,
  onkeyup: false,

  
  errorPlacelement: fp. ));
  },
  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;
//在JavaScript中，正则表达式只能使用"/"开头和结束，不能使用双引号
var Expression=/(Pd{7})|(Gd{8})/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
   return true;
}else{
   return false;
}
};