Bloquer le "submit" d'un formulaire

Bonjour à tous !

Je suis actuellement confronté à un problème simple au premier abord mais que je n'arrive pas à résoudre. J'ai un formulaire de questions à choix multiples et j'aimerais que le bouton "Envoyer" soit grisé tant que la personne n'a pas répondu à toutes les questions.

Auriez-vous une idée afin de me mettre sur la voie ?

Merci d'avance !

Ca passera obligatoirement par du JavaScript.
En gros, il faut mettre le submit en disabled et vérifier à chaque fois qu'un champ est modifié si tous les champs sont remplis ou pas (ou se faire un tableau des champs remplis), une fois que c'est bon, supprimer le disabled.

Aie le Javascipt, je le redoutais xD

Si la personne a désactivé le javascript, ça se passera comment ? Elle pourra répondre quand même ou pas ?

quel est le pourcentage des paranos qui désactivent javascript ?

Plus qu'on ne le pense :)

Au pire je mettrais dans la page que le Javascript est obligatoire pour répondre aux questions :p

Bon allez je vais essayer de trouver le moyen de faire la vérification. Ca va pas être de la tarte xD

Merci :ccool:

PS : Je mettrais en résolu quand j'aurais trouvé comment faire et que ça marchera xD

82,4% activé
17,6% pas activé

les chiffres varient selon les sources

certains parlent de 1 à 2% pas activé

Pour developpez.com, on est à 1.5% de JavaScript désactivé...

C'est bon j'ai trouvé ! Si ça peut aider quelqu'un, voici le code. Précision : mes questions sont faites avec des boutons radio, mais ça doit pas différer pour les checkbox.

Code:

---

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

<script type="text/javascript"> function verif_bouton() { if ( (document.idformulaire.q1r1.checked || document.idformulaire.q1r2.checked || document.idformulaire.q1r3.checked) && (document.idformulaire.q2r1.checked || document.idformulaire.q2r2.checked || document.idformulaire.q2r3.checked) ) document.getElementById('id du bouton').disabled = ''; else document.getElementById('id du bouton').disabled = 'disabled'; } </script>

---

q1r1, q1r2, q1r3, q2r1, q2r2 et q2r3 étant les id donnés aux différents boutons radio. Ne pas oublier de rajouter onclick="verif_bouton();" à chaque bouton radio et de rajouter disabled="disabled" au bouton "submit" afin qu'il soit grisé au démarrage de la page :)

Je ne sais pas si c'est la meilleure manière de faire mais en tout cas ça marche :)

Merci encore !