验证表单

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function validate()
  5. {
  6. var at=document.getElementById("email").value.indexOf("@")
  7. var age=document.getElementById("age").value
  8. var fname=document.getElementById("fname").value
  9. submitOK="true"
  10.  
  11. if (fname.length>10)
  12.  {
  13.  alert("名字必须小于 10 个字符。")
  14.  submitOK="false"
  15.  }
  16. if (isNaN(age)||age<1||age>100)
  17.  {
  18.  alert("年龄必须是 1 与 100 之间的数字。")
  19.  submitOK="false"
  20.  }
  21. if (at==-1) 
  22.  {
  23.  alert("不是有效的电子邮件地址。")
  24.  submitOK="false"
  25.  }
  26. if (submitOK=="false")
  27.  {
  28.  return false
  29.  }
  30. }
  31. </script>
  32. </head>
  33.  
  34. <body>
  35. <form action="/example/hdom/hdom_submitpage.html" onsubmit="return validate()">
  36. 名字（最多 10 个字符）：<input type="text" id="fname" size="20"><br />
  37. 年龄（从 1 到 100）：<input type="text" id="age" size="20"><br />
  38. 电子邮件：<input type="text" id="email" size="20"><br />
  39. <br />
  40. <input type="submit" value="提交"> 
  41. </form>
  42. </body>
  43.  
  44. </html>