Vérification formulaire. Fonctionne sous FF, pas sous IE.

Version imprimable

Bonjour à tous,

j'ai créé un formulaire qui a cette allure :

Code:

1
2
3
4
5
6
7
8
9
<form id="form_mod" name="form_mod" action="lister_utilisateurs.php" method="post" onsubmit="return valider()">
  <select name="service">
     <option value="" selected="true">Sélectionnez un service</option>
     <option>service1</option>
     <option>service2</option>
     <option>service3</option>
   </select>
  <input type="submit" id="bouton_envoyer" value="Envoyer" />
</form>

Le but et de ne rendre possible la validation UNIQUEMENT si un service a été sélectionné.

J'ai donc intégré ce code Javascript à ma page :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
//<![CDATA[
 
function valider(){
  // si l'utilisateur a sélectionné un service
  if(document.form_mod.service.value != "") {
    // On valide et envoie le formulaire
    return true;
  }
  else {
    // sinon on affiche un message
    alert("Vous devez obligatoirement sélectionner un service");
    // et on n'envoie pas le formulaire
    return false;
  }
}
 
//]]>
</script>

Cela fonctionne très bien sous Firefox. Mais sous IE (6, 7, 8) j'ai toujours le alert() même si j'ai sélectionné un service.

Quelqu'un pourrait-il me dire ce qui ne va pas ?
Merci

23/10/2009, 12h33
Bovino

En mettant des value à tes options, ce sera plus facile de les tester :roll:

Exact en ajoutant un attribut value avec la valeur ça fonctionne sous IE :ccool:
Code:

1 2 3 4 5 6 7 8 9 <form id="form_mod" name="form_mod" action="lister_utilisateurs.php" method="post" onsubmit="return valider()"> <select name="service"> <option value="" selected="true">Sélectionnez un service</option> <option value="service1">service1</option> <option value="service2">service2</option> <option value="service3">service3</option> </select> <input type="submit" id="bouton_envoyer" value="Envoyer" /> </form>
Je croyais que, par défaut, s'il n'y avait pas d'attribut value dans une balise option la valeur renvoyée était celle située à l'intérieur de la balise option.

En tout cas merci Bovino.

Sujet Résolu

23/10/2009, 12h47
Bovino

Citation:

Envoyé par Karzoff

Je croyais que, par défaut, s'il n'y avait pas d'attribut value dans une balise option la valeur renvoyée était celle située à l'intérieur de la balise option.

C'est le cas pour Firefox, pas pour IE ;)

Cependant, personnellement, je trouve pour une fois que c'est IE qui a le comportement le plus adapté.
23/10/2009, 13h14
Invité

Je suis d'accord avec toi. Mais ce que je trouve bizarre, c'est que les valeurs sont bien envoyées à lister_utilisateurs.php c'est le Javascript qui ne fonctionnait pas.

Citation:

Envoyé par World Wide Web Consortium (W3C)

Only selected options will be successful (using the control name "component-select"). When no options are selected, the control is not successful and neither the name nor any values are submitted to the server when the form is submitted. Note that where the value attribute is set, it determines the control's initial value, otherwise it's the element's contents.

Forms in HTML documents