下边将列出一个基本通用的表单验证程序(现在这个只适合<input>、<textarea>、<select>等含有value属性的元素的验证,不过如果您需要,按此思路添加一些特性就可以了)
我们的通用验证程序需要为表单中的元素定义如下几个属性:
一、checkstr
表示该表单的模式,使用正则表达试
二、
info 当该表单不合法时的提示信息
三、func
当某个表单的值没办法用简单的正则表达式来验证的时候,可以为其单独定义一个验证函数实现复杂的验证过程
四、checkbox_select
该属性定义了某个复选框必须被选择
通过以上几个简单的属性,就可以使网页表单的验证变得轻松了.
比如有以下表单,需要验证其邮编格式,则只需要为元素zip添加两个属性就行了:
checkstr="\d{6}"
info="请您输入合法的邮编"
这样,不管有多少表单元素需要验证,您都不需要写程序,只需要简单的为每个需要验证的元素添加checkstr与info属性就可以了.
例(验证邮政编码):
<!--------------------------------------------------------------------------------- -->
<form name=form1 method=post onsubmit="return check(this);">
请输入合法的邮编:
<input type=text name=zip size=6 checkstr="\d{6}" info="请您输入合法的邮编">
<input type=submit name=okay value=okay>
</form>
<! ------------------------------------------------------------------------------- -->
<script language=javascript>
function check_form(form){
for (e_item=0;e_item<form.elements.length;e_item++){
form_element=form.elements[e_item];
if (defined(form_element.checkstr)&&defined(form_element.info)){
content=form_element.value;
regpattern=form_element.checkstr;
message=form_element.info;
if (!regcheck(regpattern,content)){
alert(message);
form_element.focus();
form_element.select();
return false;
}
}
if (defined(form_element.checkbox_select)&&defined(form_element.info)){
if (!form_element.checked){
alert(form_element.info);
return false;
}
}
if (defined(form_element.func)){
try{
eval("runcode="+form_element.func);
if (!runcode) return false;
}catch(e){
alert(错误:关于+form_element.name+的函数+form_element.func+未定义);
}
}
} //for
return true;
}
function regcheck(patternstr,inputstr){
patternstr="^"+patternstr+"$";
re=new regexp(patternstr,"i");
return re.test(inputstr);
}
function defined(control){
return (typeof(control)!="undefined")
}
</script>
文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
