JavaScript通用表单验证函数(1)

表单定义:
<formname="form1"action=""style="behavior:url('form.htc')"></form>
客户端表单验证是由表单的onSubmit事件触发，由于表单的onSubmit事件只能由提交按钮触发,
所以如果要用函数提交表单form1.submit(),则必须同时执行form1.onSubmit()。

类型定义:

一、整型(int)
定义:
valueType="int"
属性:
objName对象名称(字符串)
mustInput必输项(true/false)
minInput最小值(数字)
maxInput最大值(数字)
举例:
<inputtype="text"name="test"valueType="int"objName="总载重吨"mustInput="true"maxInput="10000">

二、浮点型(float)
定义:
valueType="float"
属性:
objName对象名称(字符串)
mustInput必输项(true/false)
minInput最小值(数字)
maxInput最大值(数字)
decimalLen小数位数(数字)
举例:
<inputtype="text"name="test"valueType="float"objName="运价"mustInput="true"maxInput="10000.50"decimalLen="2">

三、字符串(string)
定义:
valueType="string"
属性:
objName对象名称(字符串)
mustInput必输项(true/false)
stringLen字符串长度(数字)
举例:
<inputtype="text"name="test"valueType="string"objName="英文船名"mustInput="true"stringLen="100">

四、日期(date)
定义:
valueType="date"
属性:
objName对象名称(字符串)
mustInput必输项(true/false)
举例:
<inputtype="text"name="test"valueType="date"objName="开始日期"mustInput="true">
备注:
日期现在只能校验的格式为(yyyy-mm-dd)

五、邮箱(email)
定义:
valueType="email"
属性:
objName对象名称(字符串)
mustInput必输项(true/false)
举例:
<inputtype="text"name="test"valueType="email"objName="邮箱"mustInput="true">

六、单选(radio)
定义:
valueType="radio"
属性:
objName对象名称(字符串)
mustSelect必输项(true/false)
举例:
<inputtype="radio"name="test"valueType="radio"objName="租船方式"mustSelect="true">
备注:
对于同一组单选按钮，只需要定义第一个即可。

七、复选(checkbox)
定义:
valueType="checkbox"
属性:
objName对象名称(字符串)
minSelect最小选择数(数字)
maxSelect最大选择数(数字)
举例:
<inputtype="checkbox"name="test"valueType="checkbox"objName="爱好"minSelect="2"maxSelect="5">
备注:
对于同一组复选按钮，只需要定义第一个即可。

八、下拉列表框(select)
定义:
valueType="select"
属性:
objName对象名称(字符串)
mustSelect必输项(true/false)
举例:
<selectname="test"valueType="select"objName="租船方式"mustSelect="true">

九、列表框(list)
定义:
valueType="list"
属性:
objName对象名称(字符串)
minSelect最小选择数(数字)
maxSelect最大选择数(数字)
举例:
<selectname="test"valueType="list"objName="爱好"minSelect="2"maxSelect="5">


/////////////////////////////////////////////////////////////////////////////////////////////////////////

<!-----------------------------------------------------------------------
//
//File:form.htc
//version:1.0
//Description:客户端表单验证.
//author:伍子
//
//---------------------------------------------------------------------->
<PUBLIC:COMPONENTid="formCheck"urn="wwb:formCheck">
<PUBLIC:ATTACHEVENT="onsubmit"ONEVENT="checkForm()"/>
<scriptlanguage="JavaScript">
functioncheckForm()
{
varoForm=event.srcElement;
vareles=oForm.elements;
//遍历所有表元素
for(vari=0;i<eles.length;i++)
{
//是否需要验证
varsType=eles[i].valueType;
if(sType)
{
if(eles[i].mustInput!=null&&eles[i].mustInput)
{
if(trim(eles[i].value)=="")
{
if(eles[i].objName!=null)
{
alert(eles[i].objName+"不可以为空");
}
else
{
alert("该文本框为必输字段");
}
eles[i].focus();
event.returnValue=false;
returnfalse;
}
}
switch(sType)
{
//整数
case"int":
if(!checkInt(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//小数
case"float":
if(!checkFloat(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//字符串
case"string":
if(!checkString(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//日期
case"date":
if(!checkDate(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//邮件
case"email":
if(!checkEmail(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//单选按钮
case"radio":
if(!checkRadio(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//复选按钮
case"checkbox":
if(!checkBox(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//下拉列表框
case"select":
if(!checkSelect(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
//列表框
case"list":
if(!checkList(eles[i]))
{
event.returnValue=false;
returnfalse;
}
break;
}
}
}
event.returnValue=true;
http:/

分享到：

一个非常强大完整的web表单验证程序(javas ... | 关于 X-Window 的相关下载档案与网址

• 2005-11-28 13:05
• 浏览 679
• 评论(0)
• 查看更多