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

Question

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

有人能帮帮我吗？

Answer 1

event.preventDefault() 和 return 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>