防止表单提交但保留表单验证

Question

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

有人能帮助我吗？

Answer 1

event.preventDefault（）并返回false;如果用于表单提交，则工作。 html5验证仍然存在。

http://jsfiddle.net/axax06/srn3znxj/2/

HTML：

<form action="" method="post"> 
    <input id="name" type="text" required="required" /> 
    <input id="email" type="email" required="required" /> 
    <input type="submit" id="btnSubmit" /> 
</form> 

JS：

jQuery("form").submit(function(e){ 
    e.preventDefault(); 
    //or 
    //return false; 
});