国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 抚顺市| 霸州市| 伊川县| 章丘市| 中牟县| 临清市| 宝鸡市| 靖安县| 定西市| 潜江市| 平乐县| 泗洪县| 明水县| 华阴市| 固始县| 靖安县| 石渠县| 天祝| 北海市| 尼木县| 岳阳市| 长宁县| 泽州县| 平顺县| 平陆县| 阿拉善左旗| 扬州市| 大洼县| 阿勒泰市| 磴口县| 万盛区| 衡东县| 武川县| 行唐县| 大姚县| 福建省| 且末县| 普洱| 兖州市| 郑州市| 武威市|