Discussion :

[epoc.01]

Bonjour,

J'ai recupéré sur ce forum une source pour limiter le nombre de checkboxs cochés à 3.

Voici ce code :

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 countCheckedCheckboxes() {
    var i, n = 0 ;
    var oElement ;
    for ( i = 0 ; i < form_profil.elements.length ; i++ ) {
        oElement = form_profil.elements[i] ;
        if ( oElement.tagName.toLowerCase( ) == "input" ) {
            if ( oElement.type.toLowerCase( ) == "checkbox" ) {
                if ( oElement.checked == true ) {
                    n++ ;
                }
            }
        }
    }
 
	if(n != 3){
		alert("Il faut choisir trois checkboxs");
		return false;
	} else {
		return true;
	}
}

Dans le body :

Code :

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

<form name="form_profil" action="ajout_pub.php" method="post" onSubmit="countCheckedCheckboxes();">

Lorsque le nombre de checkboxs n'est pas egal a 3, j'ai biel l'Alert mais une fois cliqué sur ok, la page suivante s'affiche, alors que ca devrait rester sur cette même page.

Une idée ?

[Bovino]

Salut.

Return False ne fonctionne pas

Si return false fonctionne très bien. En revanche, reste à bien comprendre à quoi il est retourné...
Un événement déclaré dans un attribut génère une fonction anonyme. Donc le return false de la fonction countCheckedCheckboxes est renvoyé à cette fonction anonyme et qui termine son exécution correctement. Donc le submit est bien lancé.
Pour faire retourner false à cette fonction anonyme, il faut faire :

Code :

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

onSubmit="return countCheckedCheckboxes();"

[epoc.01]

merci Bovino cela fonctionne.

Petite complication, je dois modifié ce script afin de vérifié si les champs textes associés aux checkboxs sont remplis ou non.

Exemple :



Voici le code correspondant :

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
<form name="form_profil" action="ajout_pub.php" method="post" onSubmit="return countCheckedCheckboxes();"><table width="70%" border="0"><input name="idannonce" type="hidden" value="5" /><tr><td><img src='../files/0301042037_rent_v141_s.jpg' border='0' alt='Votre Image' width='166' height='106' /></a><br/> <input type="checkbox" name="champ[]" value="4" onclick="limite_check(this.name, 3);affCache('toto4');" /><div id="toto4" style="display:none;">
          <input name="texte1" type="text" size="20" maxlength="80">
      </div>
</td><td><img src='../files/0301042111_rent_v141n_j1.JPG' border='0' alt='Votre Image' width='166' height='106' /></a><br/> <input type="checkbox" name="champ[]" value="5" onclick="limite_check(this.name, 3);affCache('toto5');" /><div id="toto5" style="display:none;">
          <input name="texte2" type="text" size="20" maxlength="80">
      </div>
</td><td><img src='../files/0301042130_rent_v141n_c.JPG' border='0' alt='Votre Image' width='166' height='106' /></a><br/> <input type="checkbox" name="champ[]" value="6" onclick="limite_check(this.name, 3);affCache('toto6');" /><div id="toto6" style="display:none;">
          <input name="texte3" type="text" size="20" maxlength="80">
      </div>
</td><td><img src='../files/0301042155_rent_v141n_s2.JPG' border='0' alt='Votre Image' width='166' height='106' /></a><br/> <input type="checkbox" name="champ[]" value="7" onclick="limite_check(this.name, 3);affCache('toto7');" /><div id="toto7" style="display:none;">
          <input name="texte4" type="text" size="20" maxlength="80">
      </div>
</td></tr><tr><td><img src='../files/0301042220_rent_v141n_s1.JPG' border='0' alt='Votre Image' width='166' height='106' /></a><br/> <input type="checkbox" name="champ[]" value="8" onclick="limite_check(this.name, 3);affCache('toto8');" /><div id="toto8" style="display:none;">
          <input name="texte5" type="text" size="20" maxlength="80">
      </div>
</td><td><img src='../files/0301042249_rent_v141n_t.JPG' border='0' alt='Votre Image' width='166' height='106' /></a><br/> <input type="checkbox" name="champ[]" value="9" onclick="limite_check(this.name, 3);affCache('toto9');" /><div id="toto9" style="display:none;">
          <input name="texte6" type="text" size="20" maxlength="80">
      </div>...

J'avais pensé à if(n != 6){ mais cela compte simplement les checkboxs.

Ou ceci :

Code :

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

1
2
3
4
5
6
7
8
9
    for ( i = 0 ; i < form_profil.elements.length ; i++ ) {
        oElement = form_profil.elements[i] ;
        if ( oElement.tagName.toLowerCase( ) == "input" ) {
            if ( oElement.type.toLowerCase( ) == "text" ) {
                if ( oElement !=  "") {
                    n++ ;
                }
            }
        }

Mais cela ne fonctionne pas. Le element sert juste au checkboxs ou à tout type d'objet formulaire ?

merci d'avance.