form的onsubmit事件--表单提交前的验证最佳实现方式

Posted 2020-12-27 leoxnote

登录页面在表单提交前统一进行验证。form在提交前的事件就是onsubmit。此事件的功能就是在表单提交前自动执行指定的东西。

 <form name="form" action="跳转的页面" method="post"  onsubmit="return check()">
   <input type="text" id="name"/>
  <input type="sumit" value="提交"/>
</form>

需要注意的是，onsubmit=“return check()”中的return是一定要加上的，不然check的返回值哪怕是false，仍然提交。也就是说，onsubmit=“return false”为不执行提交；onsubmit=“return true”或onsubmit=“return ”都执行提交。