国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery正則表達式驗證(手機號、身份證號、中文名稱)

2019-11-20 10:53:26
字體:
來源:轉載
供稿:網友

本文實例需要驗證的內容:中文姓名、手機號、身份證和地址,驗證方法分享給大家供大家參考,具體內容如下

HTML(表單):

<form action=""> <div class="form-group">  <label>姓名:</label>  <input id="name" type="text"> </div> <div class="form-group">  <label>手機號:</label>  <input id="phone" type="text"> </div> <div class="form-group">  <label>身份證:</label>  <input id="identity" type="text"> </div> <div class="form-group">  <label class="label-textarea">郵寄地址:</label>  <textarea id="address"></textarea> </div> <p class="tip">請填寫實名認證信息,以便領獎資料一經提交無法修改,請慎重填寫!</p> <div class="btn-group">  <button class="btn btn-md btn-purple" type="reset">取消</button>  <button class="btn btn-md btn-purple ml-20" id="submit" type="button">提交</button> </div></form>

jQuery驗證:

test()方法 判斷字符串中是否匹配到正則表達式內容,返回的是boolean值 ( true / false )

// 驗證中文名稱function isChinaName(name) { var pattern = /^[/u4E00-/u9FA5]{1,6}$/; return pattern.test(name);}// 驗證手機號function isPhoneNo(phone) {  var pattern = /^1[34578]/d{9}$/;  return pattern.test(phone); }// 驗證身份證 function isCardNo(card) {  var pattern = /(^/d{15}$)|(^/d{18}$)|(^/d{17}(/d|X|x)$)/;  return pattern.test(card); } // 驗證函數function formValidate() { var str = ''; // 判斷名稱 if($.trim($('#name').val()).length == 0) {  str += '名稱沒有輸入/n';  $('#name').focus(); } else {  if(isChinaName($.trim($('#name').val())) == false) {   str += '名稱不合法/n';   $('#name').focus();  } } // 判斷手機號碼 if ($.trim($('#phone').val()).length == 0) {   str += '手機號沒有輸入/n';  $('#phone').focus(); } else {  if(isPhoneNo($.trim($('#phone').val()) == false)) {   str += '手機號碼不正確/n';   $('#phone').focus();  } } // 驗證身份證 if($.trim($('#identity').val()).length == 0) {   str += '身份證號碼沒有輸入/n';  $('#identity').focus(); } else {  if(isCardNo($.trim($('#identity').val())) == false) {   str += '身份證號不正確;/n';   $('#identity').focus();  } } // 驗證地址 if($.trim($('#address').val()).length == 0) {   str += '地址沒有輸入/n';  $('#address').focus(); } // 如果沒有錯誤則提交 if(str != '') {  alert(str);  return false; } else {  $('.auth-form').submit(); }}$('#submit').on('click', function() { formValidate();});

希望本文所述對大家學習jquery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 历史| 卢氏县| 崇阳县| 贵港市| 镇原县| 谢通门县| 九台市| 彰化县| 蓝田县| 大埔县| 崇义县| 田东县| 三台县| 枣庄市| 夏津县| 福建省| 凤台县| 平山县| 梁平县| 乡城县| 哈密市| 肇源县| 青田县| 井冈山市| 隆回县| 南川市| 义乌市| 偃师市| 武宁县| 阳城县| 乌鲁木齐县| 新野县| 瓮安县| 阿合奇县| 凤台县| 九寨沟县| 柳林县| 武平县| 太仓市| 温州市| 远安县|