Discussion :

[HAbroc]

Bonjour,

J'ai un formulaire qui comporte 4 chekbox et je voudrais qu'une alerte s'affiche si aucun d'entre eux n'est coché.

J'ai procédé comme suit :

Dans le head, j'ai mis :

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 testcheck(){
   $test=false;
   for ($i=1; $i<=4; $i++){
    $choix=document.getElementById('checkbox'+$i).checked;
    if ($choix==true){
      $test=true;
    }
  }
   if ($test==true){
   document.getElementById('form1').submit();
  }else{
   alert("Vous devez cocher la bonne réponse");
  }
}

et dans le body , j'ai :

Code html :

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

1
2
3
4
5
6
7
8
 <form action="<?php echo $editFormAction; ?>" method="POST" name="form1" id="form1">
 <input type="checkbox" name="v1" id="v1" value="Y"/>
 <input type="checkbox" name="v2" id="v2" value="Y"/>
 <input type="checkbox" name="v3" id="v3" value="Y"/>
 <input type="checkbox" name="v4" id="v4" value="Y"/>
 <input type="submit" name="submit" value="Soumettre une question" onclick="testcheck()"/>
 <input type="hidden" name="MM_update" value="form1"  />
 </form>

Je n'ai pas d'erreur mais le formulaire est envoyé sans message d'alerte si aucun checkbox n'est coché ...

[Bovino]

C'est tout à fait normal !

Ta fonction est appelée lors du clic sur le bouton submit et le clic sur le bouton submit provoque la soumission du formulaire, donc dans l'ordre :

• si définie, la fonction attachée à l'événement submit du formulaire ;
• l'envoi du formulaire au serveur.

Ce qui signifie que si la fonction JavaScript n'inhibe pas le comportement par défaut, la seconde étape sera toujours effectuée !

D'autre part, la vérification peut se faire en une seule ligne :

Code :

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

1
2
3
4
5
6
7
8
function testcheck(){
    var cases = document.querySelector('input:checked');
    if(!cases){
        alert('Pas bon !');
        return false;
    }
    return true;
}

Bon, ça, c'est la version longue, la version en une ligne :

Code :

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

1
2
3
function testcheck(){
    return document.querySelector('input:checked');
}

et pour le formulaire :

Code html :

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

<form onsubmit="return testcheck()">

[HAbroc]

J'ai suivi tes conseils mais toujours pas d'alerte ?

dans le head,

Code :

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

1
2
3
function testcheck(){
    return document.querySelector('input:checked');
}

et dans le body,

Code html :

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

<input type="submit" value="Soumettre une question" onsubmit="return testcheck()"/>

[Auteur]

bonjour,

l'événement n'est pas sur la balise input bouton, mais sur la balise form.

Code html :

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

<form onsubmit="return testcheck()">

d'une manière générale, ne mets pas d'événement sur un input de type submit.

[HAbroc]

j'ai essayé avec

Code :

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

<form action="<?php echo $editFormAction; ?>" method="POST" name="form1" id="form1" onsubmit="return testcheck()">

mais l'envoi se fait toujours sans alerte...

[Auteur]

Il devrait pas y avoir de souci avec le code proposé par Bovino. On peut voir le code de ta fonction testcheck() ?
Tu utilises quel navigateur ?