Discussion :

[eddflo]

bonjour,
j'ai écrit un test en formulaire html, qui doit être envoyé vers une autre page qui affiche les résultats, mais j'ai inclus une fonction javascript qui permet de vérifier qu'il y a bien une réponse par question. Voici le code html :

Code :

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

1
2
3
4
Comment Louis De Funes a-t-il prénommé son chien dans le film "ni vu ni connu" ? <br/><br/>
	1 / Corniaud<input type="radio" name="foulcan" id="foulcan" value="1"/>&nbsp;&nbsp;
	2 / Foulcan<input type="radio" name="foulcan" id="foulcan" value="2"/>&nbsp;&nbsp;
	3 / Baltazar<input type="radio" name="foulcan" id="foulcan" value="3"/>&nbsp;&nbsp;<br/><br/>

et le javascript

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function choix(form) 
	{var valide = true;
        for (var i=0,l=form.foulcan.length;i<l;i++) 
		{
			if (!form.foulcan[i].checked) 
			{
				valide = false;
			}
		}			if (!valide) 
			{
				alert ("Vous devez répondre à toutes les questions pour obtenir votre score !");
			}				
				return valide;
	}

Ce code affiche parfaitement l'alert() quand une question est restée sans réponse, permet également de rester sur la page actuelle cependant il a le même comportement lorsque toutes les questions ont une réponse de cochée
Si quelqu'un sait ce que je dois changer...
merci du temps que vous prendrez pour répondre à ma question

[nod__]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
    function choix (form) {
        var groupRadio = {}, // regarde si on a une réponse pour chaque groupe
            el = null; // var temporaire pour raccourcir écriture
 
        for (var i=0, il = form.elements.length; i < il; i++) {
            el = form.elements[i];
            if (el.type === "radio") { 
                if (!groupRadio[el.name]) {
                    groupRadio[el.name] = el.checked;
                }
            }
        }
        // il faut voir si on en au moins un qui n'est pas rempli
        for (var name in groupRadio) {
            if (!groupRadio[name]) { // ce groupe de radio n'a pas de choix
                alert ("pas bon"); 
                return false;
            }
        }
        return true;
    }

Ah oui, met des <label> pour tous tes <input> c'est horriblement chiant de viser les ronds pour des questionnaires à ralonge Profite en pour régler ton problème d'id. rajoute un numéro à la fin, l'id peut être différent du name sans problèmes mais il doit absolument être unique (rien que pour tes <label> marchend).

Et puis sinon ça sert plus a rien.