在表单提交之前，触发 onclick 事件句柄，并且一个句柄可以通过返回 false 来取消表单提交。
参阅Form.submit()方法 和Form.onsubmit事件句柄。
您可以通过遍历表单的 elements[] 数组来访问某个提交按钮，或者通过使用document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
例子
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<html> <head> <script type="text/javascript"> function validate() { var at=document.getElementById("email").value.indexOf("@") var age=document.getElementById("age").value var fname=document.getElementById("fname").value submitOK="true" if (fname.length>10) { alert("名字必须小于 10 个字符。") submitOK="false" } if (isNaN(age)||age<1||age>100) { alert("年龄必须是 1 与 100 之间的数字。") submitOK="false" } if (at==-1) { alert("不是有效的电子邮件地址。") submitOK="false" } if (submitOK=="false") { return false } } </script> </head> <body> <form action="/example/hdom/hdom_submitpage.html" onsubmit="return validate()"> 名字（最多 10 个字符）：<input type="text" id="fname" size="20"><br /> 年龄（从 1 到 100）：<input type="text" id="age" size="20"><br /> 电子邮件：<input type="text" id="email" size="20"><br /> <br /> <input type="submit" value="提交"> </form> </body> </html> |
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h57808.shtml
