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 :

Mettre en rouge un champ non rempli


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    490
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 490
    Par défaut Mettre en rouge un champ non rempli
    bonjour,

    je souhaite mettre le label de mon intitulé en rouge si un champ obligatoire n'est pas rempli..

    le code de mes champs sont :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <tr>
                         <td><label for="nom" class="oblig">Nom</label>*</td>
                         <td><input type="text" name="Nom"/></td>
                      </tr>
    Si un champ n'est pas obligatoire je ne lui mets pas de class...

    voici la fonction que j'utilise (trouvé dans la FAQ) et modifiée...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    function validateForm(form) 
    {
     
    var inputList = document.forms['form'].getElementsByTagName('label');
     
    for (unInput in inputList)
    {
        if(unInput.className=="oblig" && unInput.value.length==0)
    {
    		 unInput.className="alert";
    		 return false;
    	}
     
    return true;	
    }
    }
    la class alert etant un font-color=red.....
    qu'en pensez-vous ? (je ne peux tester pour l'instant...)

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    pour commencer c'estet pas font-color ...

    ensuite si le champs n'est pas rempli il n'aura pas de font dedans donc mettre la police en rouge ne sert pas à grand chose ...

    essaye le backgroundColor
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    490
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 490
    Par défaut
    Ce que je voudrais c'est colorer le label...ça ne marchera pas ?

    oui c'est en plus ce que j'ai fait : alert{font-color:red;}

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WD-2003] Affichage de crochets pour les champs non rempli lors de l'impression
    Par formabox dans le forum VBA Word
    Réponses: 1
    Dernier message: 24/04/2009, 09h57
  2. gestion des champs non remplis.
    Par Niki59 dans le forum Langage
    Réponses: 2
    Dernier message: 12/11/2008, 22h12
  3. [MySQL] Condition champ non rempli
    Par gaspard27 dans le forum PHP & Base de données
    Réponses: 32
    Dernier message: 27/08/2008, 01h01
  4. mettre en couleur les champs non renseignés.
    Par maysa dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 02/09/2007, 19h15
  5. Pb IE/Firefox : champs non remplis/ champs remplis
    Par bibiloute dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/05/2006, 14h37

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