防止表單提交但保留表單驗證

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; 
});