本文實例總結了JS表單驗證方法。分享給大家供大家參考,具體如下:
回回寫表單,回回要寫不同的檢查JS,很麻煩,后來寫了通用的檢查函數,很粗糙,但比較實用,以后再好好改改:
包含頁: Check-Form.js
代碼如下:
//規則檢查排序function RegCheck(objs){ var str = objs.checktype; switch (str) { case "cn" : //要檢查的表單控件的輸入類型必須為中文 return CnWordRegCheck(objs); break; case "idnum" : return IdCardRegCheck(objs); //要檢查的表單控件的輸入類型必須為身份證號 break; case "num" : //要檢查的表單控件的輸入類型必須為數字 return NumRegCheck(objs); break; case "mail" : //要檢查的表單控件的輸入類型必須為EMAIL return EmailRegCheck(objs); break; case "txt" : //要檢查的表單控件的輸入類型必須為字符串 return SpecialWordRegCheck(objs); break; case "notes" : return true; //要檢查的表單控件的輸入類型必須為什么都可以 break; }}//************************************************//檢查電話號碼function NumRegCheck(obj){ var uplimit = obj.checkrule.split(",")[0]; var downlimit = obj.checkrule.split(",")[1]; var reg = ""; if (downlimit == null) { reg = eval_r("/^[0-9]{"+uplimit+"}$/"); } else { reg = eval_r("/^[0-9]{"+uplimit+","+downlimit+"}$/"); } var str = obj.value; var flag = reg.test(str); return flag;}//************************************************//檢查身份證號function IdCardRegCheck(obj){ var str = obj.value; var reg = /^([0-9]{15}|[0-9]{18})$/; var flag = reg.test(str); return flag;}//************************************************//檢查EMAILfunction EmailRegCheck(obj){ var str = obj.value; var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((/.[a-zA-Z0-9_-]{2,3}){1,2})$/; var flag = reg.test(str); return flag;}//***************************************//檢查中文輸入function CnWordRegCheck(obj){ var str = obj.value; var reg=/^[/u4e00-/u9fa5](/s*[/u4e00-/u9fa5])*$/; var flag = reg.test(str); //alert(flag); return flag;}//***************************************//檢查特殊字符function SpecialWordRegCheck(obj){ var reg= /[(//)(<)(>)]/g">//)(')(")(<)(>)]/g; var str = obj.value; var flag= reg.test(str); flag = !flag; return flag;}//************************************************//檢查主引導函數function CheckForm(obj){ var myform = eval_r("document."+obj.name); for (i=0;i<myform.elements.length;i++) { var formvalue = myform.elements[i].value; //內容非空檢查,長度檢查 if ((myform.elements[i].value == "")||(myform.elements[i].value.length>myform.elements[i].maxlength)) { alert("您忘了填寫"+myform.elements[i].cnname+"!"+"或者您填寫的信息不符合規范!"); myform.elements[i].focus(); return false; break; } if (myform.elements[i].value == 0) { alert("您忘了選擇"+myform.elements[i].cnname+"!"); myform.elements[i].focus(); return false; break; } //數據規范化檢查 var myobj = myform.elements[i]; //alert(myobj.checktype); //break; if (!RegCheck(myobj)) { alert(myobj.cnname+"輸入有誤,請按填寫要求填寫!"); myobj.focus(); return false; break; } }}
新聞熱點
疑難解答
圖片精選