表单在提交前我们通常会用客户端JS对其内容进行验证,通常都是写一个函数然后在onsumbit事件中调用,如下: 6fdHTML5中文学习网 - HTML5先行者学习网
以下为引用的内容: <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> 6fdHTML5中文学习网 - HTML5先行者学习网 |
6fdHTML5中文学习网 - HTML5先行者学习网
那如果是用多个函数对表单进行验证,应当怎么写函数,怎么调用呢?其实也很简单,如下例子: 6fdHTML5中文学习网 - HTML5先行者学习网
以下为引用的内容: <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> 6fdHTML5中文学习网 - HTML5先行者学习网 |
原文:http://www.mzwu.com/article.asp?id=1078 6fdHTML5中文学习网 - HTML5先行者学习网6fdHTML5中文学习网 - HTML5先行者学习网
6fdHTML5中文学习网 - HTML5先行者学习网6fdHTML5中文学习网 - HTML5先行者学习网