亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:46:41
字體:
來源:轉載
供稿:網友

validata.htm

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>無標題文檔</title>
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.validate.js" type="text/javascript"></script>
<script src="lib/card.js" type="text/javascript"></script>
<script src="lib/validata.js" type="text/javascript"></script>
<style type="text/css">
 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, sans-serif;

 }
</style>

</head>

<body>
 <form class="cmsform" id="commentForm" method="get" action="">
  <p>
   <label for="cusername">姓名</label><em>*</em>
   <input id="cusername" name="username" size="25" />

  </p>
  <p>
   <label for="cemail">電子郵件</label><em>*</em>
   <input id="cemail" name="email" size="25" />

  </p>
  <p>
   <label for="card">身份證號</label><em>*</em>
   <input id="card" name="card" size="25"/>

  </p>
  <p>
   <label for="passport">護照編號</label><em>*</em>
   <input id="passport" name="passport" size="25"/>

  </p>
  <p>
   <label for="phone">電話號碼</label><em>*</em>
   <input id="phone" name="phone" size="25" />

  </p>
 </form>
</body>
</html>


validata.js
復制代碼 代碼如下:

  $(function(){

  $.validator.setDefaults({
     submitHandler: function(form) {
      form.submit();
     }
  });
  // 字符驗證
  jQuery.validator.addMethod("stringCheck", function(value, element) {
     return this.optional(element) || /^[/u0391-/uFFE5/w]+$/.test(value);
  }, "只能包括中文字、英文字母、數字和下劃線");
  // 中文字兩個字節
  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] );
}, "請確保輸入的值在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,
  byteRangeLength:[3,15]
  },
  email:{
  required:true,
  email:true
  },
  phone:{
  required:true,
  isMobile:true
  },
  address:{
  required:true,
  stringCheck:true,
  byteRangeLength:[3,100]
  },
  card:{
   required:true,
   isIdCardNo:true

  },
    passport:{
   required:true,
   passport:true

  }
  },

  
  messages:{
  username: {
  required: "請填寫用戶名",
  stringCheck: "用戶名只能包括中文字、英文字母、數字和下劃線",
  byteRangeLength: "用戶名必須在3-15個字符之間(一個中文字算2個字符)"
  },
  email:{
  required: "<font color=red>請輸入一個Email地址</fond>",
  email: "請輸入一個有效的Email地址"
  },
  phone:{
  required: "請輸入您的聯系電話",
  isPhone: "請輸入一個有效的聯系電話"
  },
  address:{
  required: "請輸入您的聯系地址",
  stringCheck: "請正確輸入您的聯系地址",
  byteRangeLength: "請詳實您的聯系地址以便于我們聯系您"
  },
  card:{
  required:"請輸入身份證號",
  isIdCardNo:"請輸入正確的身份證號"
  },
  passport:{
  required:"請輸入護照編號",
  passport:"請輸入正確的護照編號"
  }
  },

  
  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;
//在JavaScript中,正則表達式只能使用"/"開頭和結束,不能使用雙引號
var Expression=/(P/d{7})|(G/d{8})/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
   return true;
}else{
   return false;
}
};

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品高潮呻吟久久av野狼| 91九色精品视频| 欧美在线观看一区二区三区| 欧美性猛交xxxx乱大交极品| 成人精品久久一区二区三区| 最新的欧美黄色| 日韩小视频网址| 久久人人爽人人爽人人片亚洲| 欧美壮男野外gaytube| 国模视频一区二区三区| 亚洲美女在线看| 欧美激情国产高清| 久久夜色精品国产亚洲aⅴ| 日韩的一区二区| 精品久久中文字幕| 亚洲国产成人av在线| 亚洲桃花岛网站| 午夜精品三级视频福利| 亚洲免费小视频| 国产一区二区三区三区在线观看| 亚洲高清久久久久久| 日韩av网站导航| 亚洲精品国产美女| 欧美日韩999| 欧美大全免费观看电视剧大泉洋| 欧美精品免费播放| 精品久久久久久久久久久久久久| 在线电影中文日韩| 精品女同一区二区三区在线播放| 久久亚洲影音av资源网| 久久精品一区中文字幕| 国产午夜精品一区二区三区| 国产v综合v亚洲欧美久久| 在线观看精品国产视频| 上原亚衣av一区二区三区| 国产主播精品在线| 精品一区二区三区电影| 中文字幕精品影院| 中文字幕亚洲自拍| 国产精品久久久久久久久久久新郎| 国产精品香蕉国产| 国产91av在线| 97在线视频一区| 97免费视频在线播放| 精品久久久久久久久久久久| 国外成人免费在线播放| 国产91热爆ts人妖在线| 色偷偷888欧美精品久久久| 久热精品视频在线观看| 久久国产精品视频| 一本大道久久加勒比香蕉| 久久久噜噜噜久噜久久| 欧美激情国产日韩精品一区18| 96精品久久久久中文字幕| 九九九热精品免费视频观看网站| 亚洲性夜色噜噜噜7777| 欧美性xxxx在线播放| 国产欧美一区二区三区久久人妖| 黑人狂躁日本妞一区二区三区| 国产视频自拍一区| 77777亚洲午夜久久多人| 欧美国产视频日韩| 亚洲18私人小影院| 日韩精品中文字幕久久臀| 久久亚洲私人国产精品va| 亚洲国产高潮在线观看| 亚洲色图偷窥自拍| 97久久精品国产| 久久久亚洲精选| 亚洲国产私拍精品国模在线观看| 久久福利网址导航| 国产美女精品视频| 在线播放国产精品| 国产精品久久久久久一区二区| 亚洲欧美日韩国产中文专区| 欧美成人午夜影院| 国产精品永久免费在线| 亚洲国产天堂久久综合| 欧美视频在线观看 亚洲欧| 亚洲国产精品va在线看黑人动漫| 国产精品一区二区三区久久久| 91精品久久久久久久久久久久久| 北条麻妃一区二区在线观看| 正在播放亚洲1区| 亚洲欧美另类在线观看| 亚洲国产成人av在线| 国产情人节一区| 在线观看中文字幕亚洲| 热99在线视频| 波霸ol色综合久久| 国产欧美 在线欧美| 久久久999国产精品| 亚洲精品aⅴ中文字幕乱码| 奇米影视亚洲狠狠色| 亚洲国产精品网站| 蜜臀久久99精品久久久无需会员| 欧美视频第一页| 久久亚洲国产成人| 久久久久久久久久久av| 欧美重口另类videos人妖| 在线观看国产欧美| 欧美电影免费观看高清| 欧美中文字幕第一页| 伊人久久久久久久久久久久久| 日韩欧美a级成人黄色| 亚洲精品白浆高清久久久久久| 久久久成人精品| 在线视频亚洲欧美| 欧美日韩国产综合新一区| 日韩视频一区在线| 久久久久女教师免费一区| 中文字幕av一区中文字幕天堂| 免费91麻豆精品国产自产在线观看| 亚洲网在线观看| 久久精品夜夜夜夜夜久久| 精品爽片免费看久久| 欧美另类交人妖| 国产日本欧美一区| 亚洲午夜激情免费视频| 国产欧美日韩亚洲精品| 91欧美日韩一区| 欧美成人午夜激情视频| 亚洲国产精品成人va在线观看| 色综合影院在线| 最新国产精品亚洲| 91精品国产91久久久久久| 日本国产精品视频| 欧美日韩中国免费专区在线看| 国产精品视频免费在线| 久久久久久中文| 久久久久久欧美| 亚洲国产天堂久久综合| 欧美性视频网站| 亚洲欧美精品中文字幕在线| 国产成人亚洲综合91精品| 日韩视频第一页| 97avcom| 欧美丝袜一区二区三区| 亚洲精品不卡在线| 91福利视频在线观看| 亚洲精品电影在线| 亚洲理论在线a中文字幕| 亚洲一区亚洲二区| 成人国产在线视频| 国产日韩在线观看av| 国外成人在线直播| 久久免费国产精品1| 国产不卡av在线免费观看| 国产精品久久久av久久久| 国产欧美久久久久久| 91久久久久久| 国产亚洲欧美日韩精品| 久久精品人人爽| 欧美激情久久久久| 欧美一级淫片aaaaaaa视频| 久久精品91久久香蕉加勒比| 欧美亚洲成人精品| 在线播放亚洲激情| 亚洲欧美一区二区三区久久| 午夜精品久久久久久久99热浪潮| 亚洲精品之草原avav久久| 欧美性色19p| 国产91精品久久久久久久| 国产欧美va欧美va香蕉在线|