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>