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

最新推荐文章于 2022-08-10 16:51:58 发布

转载最新推荐文章于 2022-08-10 16:51:58 发布 · 287 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LeoXnote/p/9402480.html

文章标签：

#c#

本文介绍如何在HTML表单提交前使用onsubmit事件进行验证，确保只有通过验证的数据才能提交，有效防止无效数据的提交，提高用户体验。

登录页面在表单提交前统一进行验证。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 ”都执行提交。

转载于:https://www.cnblogs.com/LeoXnote/p/9402480.html