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 :

V�rifier plusieurs fois un formulaire


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre confirm� Avatar de zozoman
    Homme Profil pro
    Futur ex-prof
    Inscrit en
    D�cembre 2007
    Messages
    119
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 54
    Localisation : France, Allier (Auvergne)

    Informations professionnelles :
    Activit� : Futur ex-prof
    Secteur : Enseignement

    Informations forums :
    Inscription : D�cembre 2007
    Messages : 119
    Par d�faut V�rifier plusieurs fois un formulaire
    Bonjour � tous,

    J'ai un formulaire et je souhaite v�rifier les champs : j'ai cr�� une fonction javascript. Ma fonction v�rifie les champs, colore en roule le ou les champs erron�s. Je peux donc corriger mes erreurs. Mon probl�me est qu'apr�s correction, s'il y a encore une erreur, tous les champs qui �taient sur fond rouge restent sur fond rouge et non pas seulement le champ erron�.

    Voici le d�but de mon formulaire :

    Code html : 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
    18
    19
    <form id="formCreerBain" action="" method="POST" onsubmit="return verifierCreerBain();">
        <table class="tblGen">
            <caption>GENERALITES</caption>
            <tr>
                <td>Référence du bain *</td>
                <td><input type="text" size="40" name="referenceBain" maxlength="10" id="referenceBain" /><label id="verifReferenceBain"></label></td>
            </tr>
            <tr>
                <td>Nom du bain *</td>
                <td><input type="text" size="40" name="nomBain" maxlength="100" id="nomBain" /><label id="verifNomBain"></label></td>
            </tr>
            <tr>
                <td>Référence de la ligne *</td>
                <td><input type="text" size="40" name="localisationBain" maxlength="10" id="localisationBain" /><label id="verifLocalisationBain"></label></td>
            </tr>
            <tr>
                <td>Volume du bain (L)</td>
                <td><input type="text" size="40" name="volumeBain" maxlength="10" id="volumeBain" /><label id="verifVolumeBain"></label></td>
            </tr>

    et le code JS
    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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    function verifierCreerBain() 
    {
        var erreur=0;
     
        if(document.forms["formCreerBain"].elements["referenceBain"].value==="")
        {
            document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FF0000";
            erreur++;
        }
     
        if(document.forms["formCreerBain"].elements["nomBain"].value==="")
        {
            document.forms["formCreerBain"].elements["nomBain"].style.backgroundColor = "#FF0000";
            erreur++;
        }    
     
        if(document.forms["formCreerBain"].elements["localisationBain"].value==="")
        {
            document.forms["formCreerBain"].elements["localisationBain"].style.backgroundColor = "#FF0000";
            erreur++;
        }
     
        if(document.forms["formCreerBain"].elements["idfaj"].value==="")
        {
            document.forms["formCreerBain"].elements["idfaj"].style.backgroundColor = "#FF0000";
            erreur++;
        }
     
        if(document.forms["formCreerBain"].elements["refFich"].value==="")
        {
            document.forms["formCreerBain"].elements["refFich"].style.backgroundColor = "#FF0000";
            erreur++;
        }
     
        if(document.forms["formCreerBain"].elements["dateCrea"].value==="")
        {
            document.forms["formCreerBain"].elements["dateCrea"].style.backgroundColor = "#FF0000";
            erreur++;
        }
     
        if(document.forms["formCreerBain"].elements["dateRev"].value==="")
        {
            document.forms["formCreerBain"].elements["dateRev"].style.backgroundColor = "#FF0000";
            erreur++;
        }
     
        if(document.forms["formCreerBain"].elements["indRev"].value==="")
        {
            document.forms["formCreerBain"].elements["indRev"].style.backgroundColor = "#FF0000";
            erreur++;
        }
     
        if(erreur==0)
        {
            return (true);
        }
        else
        {
            erreur1.innerHTML="Certains champs sont incomplets ou erronés";
            var champ=document.forms["formCreerBain"];
            for(i=0;i<champ.length;i++)
            {
                document.forms.formCreerBain[i].value.innerHTML=document.forms.formCreerBain[i].value;
            }
            return (false);
        }
    }
    Merci pour votre aide

  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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Ben je pense qu'en mettant des else apr�s tes if pour r�tablir les styles initiaux, �a ne devrait pas �tre tr�s compliqu�...
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirm� Avatar de zozoman
    Homme Profil pro
    Futur ex-prof
    Inscrit en
    D�cembre 2007
    Messages
    119
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 54
    Localisation : France, Allier (Auvergne)

    Informations professionnelles :
    Activit� : Futur ex-prof
    Secteur : Enseignement

    Informations forums :
    Inscription : D�cembre 2007
    Messages : 119
    Par d�faut
    Merci beaucoup pour ta r�ponse

    �a marche

    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
     
    function verifierCreerBain() 
    {
        var erreur=0;
     
        if(document.forms["formCreerBain"].elements["referenceBain"].value==="")
        {
            document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FF0000";
            erreur++;
        }
        else
        {
            document.forms["formCreerBain"].elements["referenceBain"].value.innerHTML=document.forms["formCreerBain"].elements["referenceBain"].value;
            document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FFFFFF";
        }

  4. #4
    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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.forms["formCreerBain"].elements["referenceBain"].value.innerHTML


    Tu ne peux pas utiliser � la fois value et innerHTML... C'est l'un ou l'autre en fonction de l'�l�ment cibl�.
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  5. #5
    Membre confirm� Avatar de zozoman
    Homme Profil pro
    Futur ex-prof
    Inscrit en
    D�cembre 2007
    Messages
    119
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 54
    Localisation : France, Allier (Auvergne)

    Informations professionnelles :
    Activit� : Futur ex-prof
    Secteur : Enseignement

    Informations forums :
    Inscription : D�cembre 2007
    Messages : 119
    Par d�faut
    je pense que mon code est juste cette fois ci. Je l'ai simplifi� car je vais le tester avec des expressions r�guli�res.

    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
     
    function verifierCreerBain() 
    {
        var erreur=0;
        var input1=document.forms["formCreerBain"].elements["referenceBain"].value;
        if(input1==="")
        {
            document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FF0000";
            erreur++;
        }
        else
        {
            input1.innerHTML=document.forms["formCreerBain"].elements["referenceBain"].value;
            document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FFFFFF";
        }

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 21
    Dernier message: 28/01/2013, 11h13
  2. Formulaire regroupant plusieur fois le meme sous-formulaire?
    Par Goldenduck4000 dans le forum Access
    R�ponses: 2
    Dernier message: 18/04/2006, 15h57
  3. Formulaire envoy� plusieurs fois
    Par pierre50 dans le forum Langage
    R�ponses: 4
    Dernier message: 29/03/2006, 20h11
  4. Ouvrir plusieurs fois le m�me formulaire
    Par Kloun dans le forum Access
    R�ponses: 9
    Dernier message: 21/03/2006, 20h47
  5. R�ponses: 11
    Dernier message: 02/02/2005, 12h52

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