通用的表单检查Javascript脚本

关键字:javascript 表单检查自定义属性正则表达式

部分代码参考了一位兄弟的代码，但没记住名字，十分抱歉，如果这位兄弟看到本文，请与我联系!!!

回回写表单,回回要写不同的检查JS,很麻烦,后来写了通用的检查函数,很粗糙,但比较实用,以后再好好改改:

包含页: CheckForm.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("/^[0-9]{"+uplimit+"}$/");

}

else

{

reg = eval("/^[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;

}

//************************************************

//检查EMAIL

function 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;

var str = obj.value;

var flag= reg.test(str);

flag = !flag;

return flag;

}

//************************************************

//检查主引导函数

function CheckForm(obj)

{

var myform = eval("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;

}

****************************************************

测试用DEMO页面 CheckFormDemo.htm

代码如下:(要注意的是,要正确使用以上函数,在表单控件里要自定义几个属性:

checktype=“该表单控件要检查的类型,如果要求该控件必须输入中文,则为 'cn',等等“;

checkrule=“要检查的范围,如身份证号,要15-18位,则写入 '15,18' 为一个则直接写入,两个则要用逗号分隔“

cnname=“该控件的中文name,比如'姓名' '学历'等“

主要为以上三个自定义属性。

<html>

<head>

<title>System</title>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>

<tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

*必须填写中文</td>

</tr>

<tr>

</select></td>

</tr>

<tr>

</select>

年

</select>

月 </td>

</tr>

<tr>

</select></td>

</tr>

<tr>

<td height="30">户口所在地:</td>

</select></td>

</tr>

<tr>

</td>

</tr>

<tr>

<option value="研究生及以上">研究生及以上</option>

</select></td>

</tr>

<tr>

</select></td>

</tr>

<tr>

</select></td>

</tr>

<tr>

<td height="30">有无不良记录:</td>

</select></td>

</tr>

<tr>

<td height="30">档案所在地:</td>

*必须为中文</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

*必须加区号,格式如:01012345678 </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

<tr>

</select></td>

</tr>

<tr>

<option value="一年至三年">一年至三年</option>

<option value="三年至五年">三年至五年</option>

</select></td>

</tr>

<tr>

</select></td>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<tr>

       </div></td>

</div></td>

</tr>

</table></td>

</tr>

</table>

</form></td>

</tr>

</table>

</body>

</html>