Bloquer un submit

Version imprimable

Bloquer un submit

bonjour

je fais une verif avant le submit. Quand ce n'est pas bon j'ai bien une alerte, mais quand je clique sur OK de l'alerte, je voudrais revenir à la page formulaire pour corriger, mais le traitement est lancé et j'arrive sur la page demandé par l'action du form.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body > <form id="target" action="destination.html"> <input type="checkbox" id="del"> <input type="submit" value="Go" onclick="return Supprimer()"> </form> <script type="text/javascript"> function Supprimer() { if (document.getElementById("del").checked == true) { return alert("pas bon "); return false; }else return true; } </script> </html>

20/10/2015, 11h18
flavors
Bonjour.
Tu peux ajouter l'attribut "onsubmit" à ton form
Code:

1 2 form id="target" action="destination.html" onsubmit="return Supprimer(this)"
Selon ce que tu retournes depuis ta fonction "Supprimer" l'action se fait ou non (TRUE = envoie du formulaire, FALSE = rien ne se passe).

PS : Je crois qu'il te manque les attributs "name" sur tes inputs".

bonjour

j'ai donc fait ça
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body > <form id="target" action="destination.html" onsubmit="return Supprimer(this)"> <input type="checkbox" id="del"> <input type="submit" value="Go"> </form> <script type="text/javascript"> function Supprimer() { if (document.getElementById("del").checked == true) { return alert("pas bon "); return false; }else return true; } </script> </html>
mais j'ai toujours le même problème après OK sur l'alerte redirection du form

Citation:

PS : Je crois qu'il te manque les attributs "name" sur tes inputs".

merci pour l'info, je teste la fonction sur un bout de page et j'intégrerais ensuite dans autre chose

20/10/2015, 13h01
flavors
Tu as 2 return dans ton if (je ne l'avais pas remarqué dans ton 1er message). Il sort au 1er quand tu fais
Code:

1 2 3 4 return alert("pas bon "); //à remplacer par alert("pas bon ");
donc ton formulaire ne reçoit pas le "FALSE".
20/10/2015, 13h15
rvm31

ok merci flavors ça fonctionne.