本文實例總結了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;   }  }}附:js身份證號碼嚴格驗證
<script>function checkIdcard(idcard){var Errors=new Array("驗證通過!","身份證號碼位數不對!","身份證號碼出生日期超出范圍或含有非法字符!","身份證號碼校驗錯誤!","身份證地區非法!");var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",21:"遼寧",22:"吉林",23:"黑龍江",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"云南",54:"西藏",61:"陜西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外"}var idcard,Y,JYM;var S,M;var idcard_array = new Array();idcard_array = idcard.split("");//地區檢驗if(area[parseInt(idcard.substr(0,2))]==null) return Errors[4];//身份號碼位數及格式檢驗switch(idcard.length){case 15:if ( (parseInt(idcard.substr(6,2))+1900) % 4 == 0 || ((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 )){ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//測試出生日期的合法性} else {ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//測試出生日期的合法性}if(ereg.test(idcard)) return Errors[0];else return Errors[2];break;case 18://18位身份號碼檢測//出生日期的合法性檢查//閏年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))//平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))if ( parseInt(idcard.substr(6,4)) % 4 == 0 || (parseInt(idcard.substr(6,4)) % 100 == 0 && parseInt(idcard.substr(6,4))%4 == 0 )){ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//閏年出生日期的合法性正則表達式} else {ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正則表達式}if(ereg.test(idcard)){//測試出生日期的合法性//計算校驗位S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7+ (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9+ (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10+ (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5+ (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8+ (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4+ (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2+ parseInt(idcard_array[7]) * 1+ parseInt(idcard_array[8]) * 6+ parseInt(idcard_array[9]) * 3 ;Y = S % 11;M = "F";JYM = "10X98765432";M = JYM.substr(Y,1);//判斷校驗位if(M == idcard_array[17]) return Errors[0]; //檢測ID的校驗位else return Errors[3];}else return Errors[2];break;default:return Errors[1];break;}}alert(checkIdcard("220183198808081610"))</script>希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答