驗證文本框輸入的是否是姓名
JS代碼:
function checkChinese(str) { var re = /[^\u4e00-\u9fa5]/; if (re.test(str)) return false; return true; }; function checkChineseName(v) { if (v == '') return 1; if (v.length < 2) { return 2; } var name = v.replace(/·/g, ''); name = name.replace(/•/g, ''); if(checkChinese(name)) return 0; else return 2; };
驗證填入的必須是手機號
JS代碼:
function checkMobileStrict(v) { var yd = ['134', '135', '136', '137', '138', '139', '150', '151', '152', '157', '158', '159', '187', '188']; var lt = ['130', '131', '132', '155', '156', '185', '186']; var dx = ['133', '153', '180', '189']; var whole = []; whole = whole.concat(yd, lt, dx); if (v == '') return 1; if (v.length != 11) { return 2; } if (isNaN(v)) { return 2; } var phone_sect = v.substr(0, 3); var find = false; var i = 0; for (i = 0; (i < whole.length); i++) { if (phone_sect == whole[i]) { find = true; break; } } if (find) return 0; else return 2; }
調用jQuery方法:
JS代碼:
jQuery().ready(function() { var firstNameErr = "請正確填寫您的中文姓名。"; var phoneErr = "請正確填寫您的手機號碼。"; function checkTheFClass() { if (checkCommonField()) { $("form").submit(); return true;} function checkCommonField() { $("#Name").removeClass("error"); $("#Phone").removeClass("error"); if (checkChineseName($("#Name").val())) { alert(firstNameErr); $("#Name").addClass("error"); return false; }; if (checkMobileStrict($("#Phone").val())) { alert(phoneErr); $("#Phone").addClass("error"); return false; }; return true; }; $('#btn_Submit').click(function() { checkTheFClass(); return false; }); });
HTML代碼:
<form name="aspnetForm" method="get" action="/wapLog.aspx" id="aspnetForm" >
<p>客戶姓名:<input name="Ext1" type="text" id="Name" size="15" /></p>
<p>手機號碼:<input name="Ext2" type="text" id="Phone" size="15" /></p>
<input type="submit" name="button" id="btn_Submit" value="提交" />
</form>