JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
本文实例总结了JS表单验证方法。分享给大家供大家参考，具体如下：
回回写表单,回回要写不同的检查JS,很麻烦,后来写了通用的检查函数,很粗糙,但比较实用,以后再好好改改:
包含页:Check-Form.js
代码如下:
//规则检查排序
functionRegCheck(objs)
{
varstr=objs.checktype;
switch(str)
{
case"cn"://要检查的表单控件的输入类型必须为中文
returnCnWordRegCheck(objs);
break;
case"idnum":
returnIdCardRegCheck(objs);//要检查的表单控件的输入类型必须为身份证号
break;
case"num"://要检查的表单控件的输入类型必须为数字
returnNumRegCheck(objs);
break;
case"mail"://要检查的表单控件的输入类型必须为EMAIL
returnEmailRegCheck(objs);
break;
case"txt"://要检查的表单控件的输入类型必须为字符串
returnSpecialWordRegCheck(objs);
break;
case"notes":
returntrue;//要检查的表单控件的输入类型必须为什么都可以
break;
}
}
//************************************************
//检查电话号码
functionNumRegCheck(obj)
{
varuplimit=obj.checkrule.split(",")[0];
vardownlimit=obj.checkrule.split(",")[1];
varreg="";
if(downlimit==null)
{
reg=eval_r("/^[0-9]{"+uplimit+"}$/");
}
else
{
reg=eval_r("/^[0-9]{"+uplimit+","+downlimit+"}$/");
}
varstr=obj.value;
varflag=reg.test(str);
returnflag;
}
//************************************************
//检查身份证号
functionIdCardRegCheck(obj)
{
varstr=obj.value;
varreg=/^([0-9]{15}|[0-9]{18})$/;
varflag=reg.test(str);
returnflag;
}
//************************************************
//检查EMAIL
functionEmailRegCheck(obj)
{
varstr=obj.value;
varreg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
varflag=reg.test(str);
returnflag;
}
//***************************************
//检查中文输入
functionCnWordRegCheck(obj)
{
varstr=obj.value;
varreg=/^[\u4e00-\u9fa5](\s*[\u4e00-\u9fa5])*$/;
varflag=reg.test(str);
//alert(flag);
returnflag;
}
//***************************************
//检查特殊字符
functionSpecialWordRegCheck(obj)
{
varreg=/[(\/)(<)(>)]/g">\\)(')(")(<)(>)]/g;
varstr=obj.value;
varflag=reg.test(str);
flag=!flag;
returnflag;
}
//************************************************
//检查主引导函数
functionCheckForm(obj)
{
varmyform=eval_r("document."+obj.name);
for(i=0;i<myform.elements.length;i++)
{
varformvalue=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();
returnfalse;
break;
}
if(myform.elements[i].value==0)
{
alert("您忘了选择"+myform.elements[i].cnname+"!");
myform.elements[i].focus();
returnfalse;
break;
}
//数据规范化检查
varmyobj=myform.elements[i];
//alert(myobj.checktype);
//break;
if(!RegCheck(myobj))
{
alert(myobj.cnname+"输入有误,请按填写要求填写!");
myobj.focus();
returnfalse;
break;
}
}
}
附：js身份证号码严格验证
<script>
functioncheckIdcard(idcard){
varErrors=newArray(
"验证通过!",
"身份证号码位数不对!",
"身份证号码出生日期超出范围或含有非法字符!",
"身份证号码校验错误!",
"身份证地区非法!"
);
vararea={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:"国外"}
varidcard,Y,JYM;
varS,M;
varidcard_array=newArray();
idcard_array=idcard.split("");
//地区检验
if(area[parseInt(idcard.substr(0,2))]==null)returnErrors[4];
//身份号码位数及格式检验
switch(idcard.length){
case15:
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))returnErrors[0];
elsereturnErrors[2];
break;
case18:
//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])returnErrors[0];//检测ID的校验位
elsereturnErrors[3];
}
elsereturnErrors[2];
break;
default:
returnErrors[1];
break;
}
}
alert(checkIdcard("220183198808081610"))
</script>
PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：
JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。