表单在提交前我们通常会用客户端JS对其内容进行验证,通常都是写一个函数然后在onsumbit事件中调用,如下:
<
html
>
< head >
< script language ="javascript" > ...
function check()
...{
if(form1.aaa.value == "")...{return false;}
if(form1.bbb.value == "")...{return false;}
return true;
}
</ script >
</ head >
< body >
< form id ="form1" name ="form1" method ="post" action ="default.asp" onsubmit ="return check();" >
< p >
< input name ="aaa" type ="text" id ="aaa" />
</ p >
< p >
< input name ="bbb" type ="text" id ="bbb" />
</ p >
< p >
< input type ="submit" name ="Submit" value ="提交" />
</ p >
</ form >
</ body >
</ html >
< head >
< script language ="javascript" > ...
function check()
...{
if(form1.aaa.value == "")...{return false;}
if(form1.bbb.value == "")...{return false;}
return true;
}
</ script >
</ head >
< body >
< form id ="form1" name ="form1" method ="post" action ="default.asp" onsubmit ="return check();" >
< p >
< input name ="aaa" type ="text" id ="aaa" />
</ p >
< p >
< input name ="bbb" type ="text" id ="bbb" />
</ p >
< p >
< input type ="submit" name ="Submit" value ="提交" />
</ p >
</ form >
</ body >
</ html >
那如果是用多个函数对表单进行验证,应当怎么写函数,怎么调用呢?其实也很简单,如下例子:
<
html
>
< head >
< script language ="javascript" > ...
function check1()
...{
if(form1.aaa.value == "")
...{
return false;
}else...{
return true;
}
}
function check2()
...{
if(form1.bbb.value == "")
...{
return false;
}else...{
return true;
}
}
</ script >
</ head >
< body >
< form id ="form1" name ="form1" method ="post" action ="default.asp" onSubmit ="return (check1() && check2());" >
< p >
< input name ="aaa" type ="text" id ="aaa" />
</ p >
< p >
< input name ="bbb" type ="text" id ="bbb" />
</ p >
< p >
< input type ="submit" name ="Submit" value ="提交" />
</ p >
</ form >
</ body >
</ html >
< head >
< script language ="javascript" > ...
function check1()
...{
if(form1.aaa.value == "")
...{
return false;
}else...{
return true;
}
}
function check2()
...{
if(form1.bbb.value == "")
...{
return false;
}else...{
return true;
}
}
</ script >
</ head >
< body >
< form id ="form1" name ="form1" method ="post" action ="default.asp" onSubmit ="return (check1() && check2());" >
< p >
< input name ="aaa" type ="text" id ="aaa" />
</ p >
< p >
< input name ="bbb" type ="text" id ="bbb" />
</ p >
< p >
< input type ="submit" name ="Submit" value ="提交" />
</ p >
</ form >
</ body >
</ html >