Discussion :

[Romanodi13]

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 !

[Bovino]

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.

[Romanodi13]

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 ?

[SpaceFrog]

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

[Romanodi13]

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

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

[SpaceFrog]

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

les chiffres varient selon les sources

certains parlent de 1 à 2% pas activé

[Bovino]

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

[Romanodi13]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !