Nie zezwalaj na przesyłanie formularza, ale zachowuj poprawność formularza

Question

Jak zachować domyślną weryfikację formularza HTML, a mimo to zabronić przesyłania formularzy? Próbowałem użyć event.preventDefault() i return false. Oba z powodzeniem zatrzymują formularz przed przesłaniem, ale obydwa kończą się walidacją formularza. Próbowałem również this solution, ale nawet to nie działa.

Czy ktoś może mi pomóc?

Answer 1

Zarówno event.preventDefault(), jak i return false; praca, jeśli jest używana na formularzu zgłoszeniowym. Sprawdzanie poprawności html5 jest nadal obecne.

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