Discussion :

[bastian06n]

Bonjour à tous,
j'ai plusieurs inputs type radio et j'aimerai savoir si un choix est sélectionné:
Dans le but de vérifier si toutes mes question on était répondu avant l'envoi du formulaire
mes inputs;

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<input type="radio" name="question1" value="1" />
<input type="radio" name="question1" value="2" />
<input type="radio" name="question1" value="3" />
<input type="radio" name="question1" value="4" />
 
<input type="radio" name="question2" value="1" />
<input type="radio" name="question2" value="2" />
<input type="radio" name="question2" value="3" />
<input type="radio" name="question2" value="4" />
 
etc....

et mon Javascript:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function valid_form(thisForm) { 
	tmp = 'question1'; // mit à un pour faire un test je ferai la boucle plus tard
	for(j = 0; j < document.formulaire.tmp.length; j++){
		if(!document.formulaire.tmp[j].checked) {
			alert( "Veulliez répondre à toutes les questions");
			return false;
                 }	else {
				alert( "Question Répondu"); 
				return false; // mit a false expret pour empecher l envoie pendant la periode de test
		         }
	 } 
}

sauf que mon JS ne marche pas du tout... Quelqu'un serait-il m'aider?

Merci

Cordialement

[bastian06n]

Petit modif, j'ai essaie en virant les document.formulaire vu que cela ce passe deja dans le formulaire (thisFrom)
donc j'ai:

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
 
function valid_form(thisForm) { 
 
	 var tmpo = "question1";
	for(j = 0; j < (tmpo.length); j++){
		if(!tmpo[j].checked) {
			alert("Les boutons radios doivent etre tous remplit");
			return false;
		}	else if(tmpo[j].checked){
				alert("Bouton Selectionné"); 
				return false;
			} else{
					alert("le script n'a pas marché");
					return false;
				}
	} 
}

Mais encore un petit probleme: dans tout les cas (bouton radio selectionné ou non) il affiche 'Les boutons radios doivent etre tous remplit' donc si il est checked il passe quand meme en non checked...

[polkduran]

Code :

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

1
2
3
4
5
6
 
function valid_form(thisForm) { 
 
	 var tmpo = "question1";
	for(j = 0; j < (tmpo.length); j++){
		if(!tmpo[j].checked) {

Comme ca il me semble que t'as fait tmpo = "question1" donc tmpo et une chaine de caractères et donc , je pense que si tu fait thisForm[tmpo] (tas ton objet radio cette fois) ça pourrait marcher.

Et dans ton premier code tu fais form.tmp[j].checked ca marche pas car il pense récupérer un élément appelé tmp dans le form il faut que tu fasse dans ce cas-là form[tmp] pour qu'il te retourne l'élément dont le nom est le contenu de tmp et no "tmp", je suis tombé plusieurs fois sur ce type de pièges.

moi j'ai fait comme ca :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<form id="leForm" onsubmit="return validForm(this);">
 
<input type="radio" name="question1" value="1" /><br />
<input type="radio" name="question1" value="2" /><br />
<input type="radio" name="question1" value="3" /><br />
<input type="radio" name="question1" value="4" /><br />
 <br /><br />
<input type="radio" name="question2" value="1" /><br />
<input type="radio" name="question2" value="2" /><br />
<input type="radio" name="question2" value="3" /><br />
<input type="radio" name="question2" value="4" /><br />
 
<input type="submit" value="go"/>
</form>
<script type="text/javascript">
function validForm(form){
 
	//liste des noms des radios, facile à mantenir
	var questions = ["question1","question2"];
 
	//pour chaque name de radio dans la liste
	for(var i in questions){
		//on recupère l'objet radio
		var radio = form[questions[i]];
		//si un seul radio n'est pas conforme on s'arrête et on renvoie false
		if(isRadioChecked(radio) == false)
			return false;
	}
	//si on est ici, ça veut dire qu'on a vérifié tous les radios
	//et aucun n'a retourné false donc tout va bien (au moins un radio checked par name)
	return true;
 
}
function isRadioChecked(radio){
	//étant donné que plusieurs radio possèdent le même name,
	// on a une liste de inputs radio pour chaque name
	var c = radio.length;
	//on parcourt l'ensemble des inputs pour un name donné
	while(c>0){
		c--;
		//si il y a un radio checked tout est ok pour le name courant,
		//donc on s'embete pas et on renvoie true;
		if(radio[c].checked) 
			return true;
	}
	//si on n'a pas renvoyé true avant aucun input pour un name donné est checked
	return false;
}
 
</script>

Ca marche sur IE et chrome, pas testé sur FF

[bastian06n]

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
 
function valid_form(thisForm) { 
 
	var tmp= "question1";
	for(j = 0; j < (thisForm[tmp].length); j++){
		if(thisForm[tmp][j].checked == true) {
			alert("button selectionné");
			return false;
		}	else if(thisForm[tmp][j].checked == false) {
				alert("Les boutons radios doivent etre tous remplit");
				return false;
			}else {
				alert("script pas marché"); 
				return false;
			} 
	} 
}

Super Ça marche !!! Merci beaucoup j'aurais jamais trouvé sinon :p

[bastian06n]

En faite non..... ca marche si je sélectionne le premier bouton mais si je sélectionne les autres ca fait comme si il n'était pas coché

[bastian06n]

bon je vais utiliser ton code alors merci bcp du coup de main

[polkduran]

En faite non..... ca marche si je sélectionne le premier bouton mais si je sélectionne les autres ca fait comme si il n'était pas coché

Ton code ne marche pas car dans ta boucle si tu truove un radio checked ok il te renvoie true, mais le problème c'est que si tu trouve un radio pas sélectionné il te renvoie false, du coup au premier radio pas sélectionné il renvoie false et il ne verifie même pas les autres, tu aurais dû mettre ton "return false" à la sortie de la boucle, c'est à dire si ta boucle n'a jamais renvoyé true, donc aucun radio sélectionné.

Et aussi ton code tu le fais pour un seule radio, tu dois inclure une autre boucle pour chaque "name" différent dans ton form.