Discussion :

[st4nfield]

Bonjour à tous !

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

Code :

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

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 !

[Bovino]

Code :

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

onSubmit="return(check());"

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

[st4nfield]

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 ?

[E.Bzz]

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 :

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

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+

[st4nfield]

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

[Bovino]

Code :

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

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

et la fonction js :

Code :

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

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é