本文實(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ì)有所幫助。



















