Formulaire non soumis après un deuxième appel

Question

J'essaie de soumettre un formulaire si une condition n'est pas validée.

<form action="http://www.google.com" method="post" id="support_form"> 
<p class="accept"><input type="checkbox" id="id_cgu" name="cgu" value="1"> I accept 
<input type="submit" value="ok"> 
</form> 

<script language="javascript"> 

$("#support_form").submit(function() { 
    if($("#id_cgu:checked").length==0) { 
     alert("{% trans "Vous must accept terms of services" %}"); 
     return false; 
    } else { 
     alert('valid') 
     return true; 
    } 
}); 

</script> 

Si ma forme est valide sur le premier appel, ma forme est bien soumis (redirection vers une autre page)

Si ma forme n'est pas valide la première fois, et je corriger, je vois la case d'alerte "valide", mais mon formulaire n'est pas envoyé.

Avez-vous une idée de ce problème?

Answer 1

C'est parce que vous avez renvoyé false. Vous devriez plutôt utiliser stopImmediatePropagation();, comme ceci:

$("#support_form").submit(function(ev) { 
if($("#id_cgu:checked").length==0) { 
    alert("{% trans "Vous must accept terms of services" %}"); 
    ev.stopImmediatePropagation(); 
} //rest of code... 

Lorsque vous revenez faux, vous faites essentiellement que le bouton soumettre inutile jusqu'à ce que vous rechargez la page.