Discussion :

[zemzoum89]

Bonsoir voila j'ai deux familles (name) de bouton radio et l'utilisateur doit cocher deux boutons bien sur de familles différentes comment vérifier quand l'utilisateur clique sur submit qu'il a effectivement coché deux boutons... Merci beauoup pour votre aide...

[SpaceFrog]

Parcourir chaque collection pour incrementer une variable lorsqu'il rencontre un checked
à la fin du parcours si la variable = 2 ...

[zemzoum89]

Mais comment avoir la taille de la sélection, comment vérifier que c'est checked ??? merci our votre aide....

[vermine]

Haaa mais peut-être que c'est expliqué ici ? En adaptant bien entendu en version radio bouton.

[zemzoum89]

Merci beaucoup pour votre aide c'est très gentil de votre part...

[zemzoum89]

est ce que c'est la meme chose pour les case à cocher et pour les boutons radio ??

[vermine]

Qui ne tente rien... n'a rien.

Oui, c'est le même principe mais attention, vous devrez faire deux boucles différentes tout en incrémentant le même compteur.

[zemzoum89]

Non pas le meme compteur vu que je pourrais avoir deux bouton radio d'une famille et cinq de l'autre donc pas le meme compteur je suis juste la hein ??

[vermine]

Je voulais parler de la variable que SpaceFrog a proposée pour vérifier que chaque famille a bien été cochée. Car il n'y aura qu'un bouton coché par famille et donc le "compteur" devra être égale à deux.

[zemzoum89]

Dans ce bout de code c'es écrit

Code :

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

document.nomduform.nomdescases[i].checked

c'est quoi nomdescases??? merci beaucoup de m'aider...

[SpaceFrog]

allez on devine ???
le name du groupe de boutons radios ?

[zemzoum89]

oui je crois mais j'ai confondu avec nomduform vous voyez dans ce cas la dans nom du form je mettrai radio ou checkbox c'est ca hein ??

Merci beaucoup vous m'avez été d'une aide très précieuse aujourd'hui...

[SpaceFrog]

pour pointer sur un element de la page de façon classique tu peux passer soit par son id soit par le name (il y a bien d'autres façons ... )

donc soit:

Code :

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

document.getElementById('Idobjet')

soit:

Code :

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

document.getElementsByName('NomObjet')

ce dernier retourne une collection donc chaque element a un indice correspondant à son ordre dans le flux de la page.

Lorsque tu est dans un form et que tu souhaites pointer sur un element du form tu peux egalement utliser une syntaxe basée sur el form

Code :

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

document.forms['nameduform'].elements['nameelement']

Note ici le pluriel qui indique que l'on recupère un collection.

je qualifierais la notation directe:

Code :

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

document.nomdeform.nomelement

acceptée par certains navigateurs de laxiste et approximative et donc à éviter selon moi.

[zemzoum89]

voici la fonction que j'ai mis en place
mais quand je l'appelle sans rien cocher rien ne se passe:

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
function verif()
	 {
	 var test;
	 for (i=0; i<document.vol.IdVolAller[i].length; i++) 
	 {
    if (document.vol.IdVolAller[i].checked)
       test++;
   else
     test=0;
	 }
	 for (i=0; i<document.vol.IdVolRetour[i].length; i++) 
	 {
    if (document.vol.IdVolRetour[i].checked)
       test++;
   else
     test=0;
       }
	  if (test== 2)
      return true;
	  else
	  return false;
      }

Je l'appele comme suit:

Code :

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

<input type="submit" value="Recherche" onsubmit="verif();" />

Mais meme si je ne coche rien il pase a la page suivante...

[zemzoum89]

Aidez moi je vous en supplie j'ai vraiment besoin d'aide...

[obito]

salut,

Code :

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

onsubmit="return(verif());"

Voila ce que je fais pour empêcher (ou pas) la validation du formulaire

[zemzoum89]

Bonsoir

Voila pour vérifier mes bourons radio j'utilise cette fonction la:

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
function verif(vol)
	 {
	 var test=0;
 
	 for (i=0; i<document.vol.IdVolAller[i].length; i++) 
	 {
		if (document.vol.IdVolAller[i].checked)
		test++;
 	 }
 
	 for (i=0; i<document.vol.IdVolRetour[i].length; i++) 
	 {
		if (document.vol.IdVolRetour[i].checked)
		test++;
 
     }
	  if (test=="2")
		{      
		return true;
		}
	  else
	   {
		alert("Vous devez cocher un vol aller et un autre retour");
		return false;
       }
	 }

j'ai deux familles (name) de boutons radio, ces boutons sont générer dynamiquement selon ce qu'il y a dans ma base de données et donc je crois que le problème de ma fonction vient de

Code :

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

document.vol.IdVolAller[i].checked

car que va faire le [i] la dedans puisque tous les boutons auront le meme name, je vous remercie de m'aider et de me trouver la solution car la ma fonction retourne toujours false

[obito]

Bonsoir,

j'ai lu deux/trois trucs sur le net essaie donc ça :

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
function verif(vol)
	 {
	 var test=0;
 
	 for (i=0; i<document.vol.IdVolAller[i].length; i++) 
	 {
		if (document.vol.IdVolAller[i].checked){
		  test++;
                  break;
                }
 	 }
 
	 for (i=0; i<document.vol.IdVolRetour[i].length; i++) 
	 {
		if (document.vol.IdVolRetour[i].checked){
 
		test++;
                break;
               }
 
     }
	  if (test=="2")
		{      
		return true;
		}
	  else
	   {
		alert("Vous devez cocher un vol aller et un autre retour");
		return false;
       }
	 }

Sinon le code est bon le parcours se fait bien comme ça (si vol est bien le nom du formulaire et idVolAller le nom du 1er groupe de bouton radio)

[zemzoum89]

Bonsoir et merci de m'avoir répondu,

ça ne marche toujours pas elle retourne toujours false

est-ce que je dois lui passer le nom "vol" qui est le name du formulaire par paramètre ou pas la peine si non ou peut bien se situer le problème ???

quelle est le role de [i] vu que tous les boutons ont le meme name ?

excusez mon ignorance je suis nouveau dans le domaine du js

[obito]

pas la peine je pense de le passer en paramètre.

Attends, attends... y a un truc qui cloche dans les boucles for :

document.vol.IdVolAller[i].length doit être remplacé par : document.vol.IdVolAller.length

(pour l'autre boucle même principe)