[debutant] Test avant envoi de formulaire

Version imprimable

Dans un formulaire, j'ai une liste de case à cocher
Le formulaire ne doit etre envoyé que si au moins une case est cochée
sinon boite d'alert

Code:

<form method="post" name="form1" action="<?php echo $editFormAction; ?>" onSubmit='javascript:verif_cocher_classe();'>

Lors de la soumission, j'appelle une fonction verif_cocher_classe()
mais je ne domine pas du tout mon sujet ;((
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function verif_cocher_classe() { //v3.0 var c; c=0; var cases = document.getElementsByTagName('input'); // on recupere tous les INPUT for(var i=0; i<cases.length; i++) { // on les parcourt if(cases[i].type == 'checkbox') // si on a une checkbox... { if (cases[i].checked == 'on') { //si la case est cochee, envoi du formulaire document.forms['form1'].submit;cn++;return false; } } } if (c==0) {alert("Cocher au moins une classe"); } }
Pouvez vous m'aider à la vérifier ?
Merci à tous

salut,

Essaye ca ?

1.

Code:

onsubmit="return verifier()"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function verifier() {
  var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
   for (var i=0; i<cases.length; i++)  {     // on les parcourt
       if(cases[i].type == 'checkbox')        // si on a une checkbox...
	     {  
         if (cases[i].checked == 'on') {   	//si la case est cochee, envoi du formulaire		
		        return true;
				} 
		 }
   }
   alert("Cocher au moins une classe");
   return false; 	
}

14/01/2008, 16h05
pierre50

Dans tous les cas, le message d'alerte s'affiche et le formulaire n'est pas envoyé

Est-ce-que ce code est bien valide?

Code:

if (cases[i].checked == 'on')
14/01/2008, 16h20
aldev.web
Peux tu essayer cela :
Code:

1 2 if (cases[i].checked == 'true')
14/01/2008, 16h21
Bezout

Ca c'est pas sur !

Essaye juste

Code:

if (cases[i].checked)

Sinon fait un

Code:

alert(cases[i].checked)

pour voir la valeur
14/01/2008, 16h27
pierre50

Pas mieux

On doit pouvoir tester la valeur retournée si coché... ? on true ...
14/01/2008, 16h33
aldev.web

Code:

alert(cases[i].checked)

Ca donne quoi?

Le alert renvoie true ou false ... et malgre le code ci-dessous, j'ai le alert 'cocher au moins une case' qui s'affiche dans les deux cas (coché ou non )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function verifier() {
  var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
   for (var i=0; i<cases.length; i++)  {     // on les parcourt
       if(cases[i].type == 'checkbox')        // si on a une checkbox...
	     {  
         if (cases[i].checked=='true') {  	//si la case est cochee, envoi du formulaire		
		        return true;
				}; 
		 };
 
   };
   alert("Cocher au moins une classe");
   return false; 	
}

Essai cela ca devrait fonctionner ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function verifier() {
  var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
   for (var i=0; i<cases.length; i++)  {     // on les parcourt
       if(cases[i].type == 'checkbox')        // si on a une checkbox...
	     {  
         if (cases[i].checked==true) {  	//si la case est cochee, envoi du formulaire		
		        return true;
				}; 
		 };
 
   };
   alert("Cocher au moins une classe");
   return false;

14/01/2008, 16h47
pierre50

Avec ceci sans les quotes sur le true

Code:

(cases[i].checked==true)

le formulaire est validé à chaque fois meme si non coché ....
14/01/2008, 16h54
aldev.web

Et quand tu n'en coche aucune tu n'as aucun true qui s'affiche lors des alerts?

Peux tu exécuter ce code et nous dire le résultat :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function count() {
	var chk = 0;
	var nb = 0;
	var cases = document.getElementsByTagName('input');
	for (var i=0; i<cases.length; i++) { 
		if (cases[i].type == 'checkbox') { 
			chk++; 
	        if (cases[i].checked) {	
				nb++;
			}
		}
	}
	alert(chk + " checkbox dont "+nb+" de cochée(s)");
}

Code:

<input type="button" onclick="count()" value=" GO " />

14/01/2008, 17h14
pierre50

Oui, c'était bien

Code:

(cases[i].checked==true)

Est-ce possible de ne pas prendre encompte dans ce test une checkbox dont le name est "online" ?

en faisant qq chose du genre ???

Code:

if(cases[i].type == 'checkbox') AND (cases[i].name <> "online")

Est-ce possible ?
14/01/2008, 17h16
Bezout

Code:

(cases[i].checked==true)

ou

Code:

(cases[i].checked)

c'est la même chose !!

Code:

<>

---> en js c'est comme en C/Java/.... c'est

Code:

!=
14/01/2008, 17h27
pierre50

Superbe !

Un grand merci à tous