Document

JavaScript 表单验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

被 JavaScript 验证的这些典型的表单数据有：

用户是否已填写表单中的必填项目？
用户输入的邮件地址是否合法？
用户是否已输入合法的日期？

用户是否在数据域 (numeric field) 中输入了文本？

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function validate_email(field,alerttxt)
 5 {
 6 with (field)
 7 {
 8 apos=value.indexOf("@")
 9 dotpos=value.lastIndexOf(".")
10 if (apos<1||dotpos-apos<2) 
11   {alert(alerttxt);return false}
12 else {return true}
13 }
14 }
15 
16 function validate_form(thisform)
17 {
18 with (thisform)
19 {
20 if (validate_email(email,"Not a valid e-mail address!")==false)
21   {email.focus();return false}
22 }
23 }
24 </script>
25 </head>
26 
27 <body>
28 <form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
29 Email: <input type="text" name="email" size="30">
30 <input type="submit" value="Submit"> 
31 </form>
32 </body>
33 
34 </html>