如何进行执行表单验证

时间：2013-12-17

  在JavaScript诞生之前,所有的验证工作都在服务器端完成,这需要将数据发回到服务器增加了用户等待时间,用户体验较差,使用javascript在浏览器端进行验证则可以较好的解决这些问题.这也是在实际的网站建设中最常用到的.
  表单验证一般发生于用户单击提交按钮,数据被提交到服务器之前,这时如果用户输入的数据不全或无效,则取消提交,同时提示用户重新输入,例如,函数validate()是用于检验表单的有效性的,返回值为true或者false,在程序中有两种方式来调用validate();
  方法一:
  <input type="submit" onclick="return validate()" />
  方法二:
  <form action="index.html" onsubmit="return validate()" />
  第一种方法中,将validate()绑定到提交按钮的单击事件,如果返回false,则按钮会终止单击的效果,即表单不会提交;
  第二种方法中,将validate()绑定到表彰的提交事件,它发生在提交之前,如果返回false,则表单不会提交.