首页 / JAVASCRIPT / javascript – 阻止表单提交但保留表单验证

javascript – 阻止表单提交但保留表单验证

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 阻止表单提交但保留表单验证，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含633字，纯文字阅读大概需要1分钟。

内容图文

如何保留默认的HTML表单验证并禁止表单提交？我尝试过使用event.preventDefault()并返回false.两者都成功地阻止了表单的提交,但都失败了表单验证.我也尝试了this solution,但即使这样也行不通.

有人能帮帮我吗？

解决方法:

event.preventDefault()并返回false;如果在表单提交上使用,则工作HTML 5验证仍然存在.

jQuery("form").submit(function(e){
  e.preventDefault();  
  //or
  //return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <input id="name" type="text" required="required" />
  <input id="email" type="email" required="required" />
  <input type="submit" id="btnSubmit" />
</form>

内容总结

以上是互联网集市为您收集整理的javascript – 阻止表单提交但保留表单验证全部内容，希望文章能够帮你解决javascript – 阻止表单提交但保留表单验证所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/697394.html

来源：【匿名】