IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Validation de formulaire <SELECT>


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 58
    Points : 22
    Points
    22
    Par défaut Validation de formulaire <SELECT>
    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 !

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onSubmit="return(check());"
    Pourrais-tu montrer le code de la fonction check() ?

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 58
    Points : 22
    Points
    22
    Par défaut
    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 ?

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    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+

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 58
    Points : 22
    Points
    22
    Par défaut
    Merci pour la proposition mais ça ne fait rien... aucun message d'erreur et les champs value= "" sont sélectionnables sous IE7

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    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é

  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 58
    Points : 22
    Points
    22
    Par défaut
    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...

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    <form method="post" action="???" name="form1" id="profession">

  9. #9
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 58
    Points : 22
    Points
    22
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    $editFormAction = $_SERVER['PHP_SELF'];

  10. #10
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 58
    Points : 22
    Points
    22
    Par défaut
    bon je viens de tester, je reçoit un email de test avec le choix #1 si je laisse le choix par défaut...

  11. #11
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Tiens, j'avais pas vu...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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...

Discussions similaires

  1. validation du formulaire de la page ouvrante d'un popup
    Par noa dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/08/2005, 12h11
  2. Réponses: 5
    Dernier message: 24/05/2005, 11h21
  3. Valider un formulaire contenu dans une iframe
    Par snoopy5.0 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/04/2005, 11h14
  4. Valider un formulaire par une image
    Par Fleep dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 31/10/2004, 01h50
  5. [Struts]Validation de formulaire
    Par djoukit dans le forum Struts 1
    Réponses: 4
    Dernier message: 12/03/2004, 09h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo