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

首頁(yè) > 開發(fā) > JS > 正文

jquery正則表達(dá)式驗(yàn)證(手機(jī)號(hào)、身份證號(hào)、中文名稱)

2024-05-06 16:27:12
字體:
供稿:網(wǎng)友
這篇文章主要介紹了jquery正則表達(dá)式驗(yàn)證,實(shí)現(xiàn)手機(jī)號(hào)、身份證號(hào)、中文名稱驗(yàn)證,感興趣的小伙伴們可以參考一下
 

本文實(shí)例需要驗(yàn)證的內(nèi)容:中文姓名、手機(jī)號(hào)、身份證和地址,驗(yàn)證方法分享給大家供大家參考,具體內(nèi)容如下

HTML(表單):

<form action=""> <div class="form-group">  <label>姓名:</label>  <input id="name" type="text"> </div> <div class="form-group">  <label>手機(jī)號(hào):</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">請(qǐng)?zhí)顚憣?shí)名認(rèn)證信息,以便領(lǐng)獎(jiǎng)資料一經(jīng)提交無法修改,請(qǐng)慎重填寫!</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驗(yàn)證:

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

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

希望本文所述對(duì)大家學(xué)習(xí)jquery程序設(shè)計(jì)有所幫助。



注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到JavaScript/Ajax教程頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 霍州市| 克山县| 喀喇| 海丰县| 城固县| 邵东县| 汽车| 北京市| 蒙城县| 马尔康县| 鸡泽县| 搜索| 晋中市| 泌阳县| 都江堰市| 邛崃市| 锦屏县| 龙川县| 华宁县| 社会| 政和县| 绥芬河市| 嘉义市| 双峰县| 青龙| 阿城市| 台东市| 鹿邑县| 镇江市| 土默特左旗| 天水市| 柘荣县| 阿瓦提县| 隆化县| 淅川县| 庐江县| 冀州市| 科技| 图木舒克市| 宜章县| 望谟县|