Empêcher le submit d'un formulaire

Bonjour,

J'utilise ce script afin d'afficher une alerte javascript et empêcher le submit si la checkbox ('CGU') n'est pas cochée dans un formulaire :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script type="text/javascript"> window.onsubmit = function () { var input = document.getElementById('CGU'); function check() { if (input.checked) { return true; } else { alert("La validation de la Charte des rédacteurs est obligatoire"); return false; } } input.onchange = check; check(); } </script>

---

Le script fonctionne bien, m'affiche l'alerte en cas de non-cochage, par contre le formulaire est quand même validé. Où est se trouve l'erreur ? :)

Merci !

"window"???

onsubmit c'est sur le form ...

Je n'y connais pas grand-chose en javascript, donc merci d'éclaircir ce que je dois changer :)

PS : Sachant que je ne peux pas toucher au formulaire lui-même, car il s'agit d'une fonction ajoutée à une page admin Wordpress (ou alors il faut faire un hook Wordpress, mais cela dépasse mes compétences)

sans voir le html du form ??

Mais il n'y a pas une façon générique d'empêcher un formulaire d'être soumis, en allant simplement vérifier si la checbox 'bidule' est cochée ou non ?
Car mon code fonctionne pour générer l'alerte (il va donc bien vérifier si la case est cochée ou non), c'est juste que le bouton submit n'est pas désactivé en cas de non-cochage.

Voilà la checkbox :

Code:

---

<input id="acf-field-validation_charte" class="checkbox" name="fields[field_557a90bbb8f59][]" value="OK" type="checkbox">

---

et le submit:

Code:

---

<input name="submit" id="submit" class="button button-primary" value="Mettre à jour le profil" type="submit">

---

si au moyen de l'évènement onsubmit DU FORM ...

Code:

---

document.getElementById('ID_DU_FORM').onsubmit = function () {

---

Je viens donc de remplacer par ceci, l'ID du form étant 'your-profile'. Mais ça fait exactement pareil qu'avant :-(

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script type="text/javascript"> document.getElementById('your-profile').onsubmit = function () { var input = document.getElementById('acf-field-validation_charte'); function check() { if (input.checked) { return true; } else { alert("La validation de la Charte des rédacteurs est obligatoire"); return false; } } input.onchange = check; check(); } </script>

---

il est placé ou ton script ?

Plus simplement :

Code:

---

1 2 3

document.getElementById('your-profile').onsubmit = function() { return document.getElementById('acf-field-validation_charte').checked; };

---

https://jsfiddle.net/3by3ey6z/

Parfait, ça marche ! Par contre, y a-t-il moyen d'ajouter une alerte JS avec ton code, si Submit est envoyé sans que le case soit cochée ?
Merci.

Code:

---

1 2 3 4 5 6 7 8

document.getElementById('your-profile').onsubmit = function() { if (document.getElementById('acf-field-validation_charte').checked) { return true; }   alert('Veuillez lire et accepter la charte'); return false; };

---

;)

Impeccable, merci !

Bonjour,

Citation:

---

Parfait, ça marche ! Par contre, y a-t-il moyen d'ajouter une alerte JS avec ton code...

---

et tu cherches quand ?

:dehors: