Validation de formulaire <SELECT>

Bonjour à tous !

Je n'arrive pas à mettre une condition de vérification pour le formulaire suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<form method="post" name="form1" id="profession"> <select name="profession" size="1" id="profession"> <option disabled="disabled" selected="selected">CHOISISSEZ UNE CATEGORIE</option> <option disabled="disabled">PREMIERE CATEGORIE</option> <option value="valeur1 ">Choix #1 </option> <option value="valeur2">Choix #2</option> <option disabled="disabled">DEUXIEME CATEGORIE</option> <option value="valeur2">Choix #3</option> <option value="valeur2">Choix #4</option> </select> <input type="submit" name="envoyer" value="Envoyer"/> </form>

---

Voila, je voudrais que quand je clique sur "submit", si le formulaire est sur un élément disabled="disabled", il affiche un message d'erreur !

Après plusieurs heures de recherche sur Google, je crois qu'il faut travailler avec "selectedIndex", mais comment ? Je suis débutant en javascript et j'ai beaucoup de mal... :)

Quelqu'un peut-il m'aider ?

Merci d'avance !

Code:

---

onSubmit="return(check());"

---

Pourrais-tu montrer le code de la fonction check() ?

désolé ça c'était un essai ! :)
N'en tenez pas compte !

En fait je veux que seulement les éléments avec une "value" puissent être selectionnés. C'est peut être plus simple comme ça, non ?

Bonjour,
2 remarques :

• le disabled sur les options n'est pas reconnue par IE6 ...
• une option doit avoir une value (même vide)

Essaye

Code:

---

1 2 3 4 5 6 7 8 9

<select name="profession" size="1" id="profession" onchange="if (!this.value) this.selectedIndex = 0;"> <option value="" selected="selected">CHOISISSEZ UNE CATEGORIE</option> <option value="" disabled="disabled">PREMIERE CATEGORIE</option> <option value="valeur1 ">Choix #1 </option> <option value="valeur2">Choix #2</option> <option value="" disabled="disabled">DEUXIEME CATEGORIE</option> <option value="valeur2">Choix #3</option> <option value="valeur2">Choix #4</option> </select>

---

Dans FF, pas possible de choisir une option avec value = "" (car disabled).
Dans IE, annule le choix ....

A+

Merci pour la proposition mais ça ne fait rien... aucun message d'erreur et les champs value= "" sont sélectionnables sous IE7

Code:

---

<form method="post" name="form1" id="profession" onsubmit="return check()">

---

et la fonction js :

Code:

---

1 2 3 4

function check(){ var leselect=document.getElementById('profession'); return !leselect.options[leselect.selectedIndex].disabled; }

---

EDIT: Ceci dit, pour aller dans le sens de E.Bzz, disabled pose problèmes avec IE et en plus, l'intérêt est plutôt limité de vérifier si un champ que l'on ne peut pas sélectionner est sélectionné :roll:

Merci pour cette proposition mais rien ne sa passe lorsque je clique sur "Envoyer" et que le choix par défaut n'a pas été changé...

Bizarre...

Dans le code html que tu nous a fourni, le form n'a pas d'attribut action, donc il ne fait rien quand tu fais un submit...

Code:

---

<form method="post" action="???" name="form1" id="profession">

---

Je reprend un site web d'un copain et c'est le stagiaire qui a fait son site...
A l'origine y'a ça :

Code:

---

1 2 3

<?php echo $editFormAction; ?> <form method="post" action="<?php echo $editFormAction; ?>" name="form1" id="profession">

---

problème : Je ne trouve pas la variable $editFormAction...

je peux toujours essayer d'uploader le code tel que tu me l'as donné et voir ce qui se passe...

EDIT : j'ai trouvé ça dans un autre fichier :

Code:

---

$editFormAction = $_SERVER['PHP_SELF'];

---

bon je viens de tester, je reçoit un email de test avec le choix #1 si je laisse le choix par défaut...

Tiens, j'avais pas vu...

Code:

---

1 2	<form method="post" name="form1" id="profession"> <select name="profession" size="1" id="profession">

---

C'est amusant de mettre plusieurs fois le même id dans la page... :aie: