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érification champs formulaire


Sujet :

JavaScript

  1. #1
    Membre très actif
    Inscrit en
    Février 2003
    Messages
    234
    Détails du profil
    Informations forums :
    Inscription : Février 2003
    Messages : 234
    Par défaut Vérification champs formulaire
    Bonjour à tous,
    Afin de vérifier que les données que l'utilisateur entre dans différents champs sont bien valides, j'utilise les fonctions suivantes :
    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
    <head>
    function surligne(champ, erreur){
       if(erreur)
          champ.style.backgroundColor = "#fba";
       else
          champ.style.backgroundColor = "";
    	}
     
    function VerifPrix(champ){
       var Prix = parseInt(champ.value);
       if(isNaN(Prix) ||  Prix < 0){
          surligne(champ, false);
          return true;
    	  }
       else {
          surligne(champ, true);
          return false;
    	  }
    }
    </head>
     
    <body>
    <input type="text" id="PtEntre_1" name="PtEntre_1" value="<?php echo $EntrePos1; ?>" size="5" onkeyup="Chargement_Pos1()" onblur="VerifPrix(this)"/>
    <br>
    <input type="text" id="Strike_1" name="Strike_1" value="<?php echo $StrikePos1; ?>" size="6" onblur="VerifPrix(this)"/>
    </body>
    A première vue ça semble bien fonctionner, si une données n'est pas valide, le champs est bien colorié en rouge quand on sort le curseur. Par contre, celui-ci reste colorié en rouge même si ses données sont corrigés.
    De plus, En cliquant sur un autre champs, celui-ci devient colorié en rouge même si ses données sont correctes.
    J'ai bien essayé de mettre le code suivant, mais rien n'y change :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function surligne(champ, erreur){
       if(erreur)
          champ.style.backgroundColor = "#fba";
       else
          champ.style.backgroundColor = "#ffffff";
    	}
    Quelqu'un aurait une idée d'où vient le problème ?

  2. #2
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    42
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2016
    Messages : 42
    Par défaut
    Salut,

    Tu as inversé ligne 12 et 16 true et false.

    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
    <head>
    <script>
    function surligne(champ, erreur){
       if(erreur)
          champ.style.backgroundColor = "#fba";
       else
          champ.style.backgroundColor = "#fff";
    	}
     
    function VerifPrix(champ){
       var Prix = parseInt(champ.value);
       if(isNaN(Prix) ||  Prix < 0){
          surligne(champ, true);
          return true;
    	  }
       else {
          surligne(champ, false);
          return false;
    	  }
    }
    </script>
    </head>
     
    <body>
    <input type="text" id="PtEntre_1" name="PtEntre_1" value="" size="5" onkeyup="Chargement_Pos1()" onblur="VerifPrix(this)"/>
    <br>
    <input type="text" id="Strike_1" name="Strike_1" value="" size="6" onblur="VerifPrix(this)"/>
    </body>

  3. #3
    Membre très actif
    Inscrit en
    Février 2003
    Messages
    234
    Détails du profil
    Informations forums :
    Inscription : Février 2003
    Messages : 234
    Par défaut
    Bonjour Jeremylevy et merci de t'intéresser à mon problème.

    J'ai bien copier ton code, mais plus rien de fonctionne : les champs ne se colorent plus en rouge si les données sont erronés

  4. #4
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    42
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2016
    Messages : 42
    Par défaut
    Cela fonctionne pourtant :

    CC le code ici : http://www.w3schools.com/jsref/tryit...yjsref_onclick et clique sur See Results >>

    ++

  5. #5
    Membre très actif
    Inscrit en
    Février 2003
    Messages
    234
    Détails du profil
    Informations forums :
    Inscription : Février 2003
    Messages : 234
    Par défaut
    C'est justement parce que mon code ne fonctionne pas que je me permets de solliciter la communauté.
    Je te trouve pas où est l'erreur

  6. #6
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    42
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2016
    Messages : 42
    Par défaut
    Le code que je t'ai passé fonctionne : https://jsfiddle.net/x81b0wnn/

    Après c'est en dehors de mes compétences.

    ++

Discussions similaires

  1. Vérification champ formulaire Paypal
    Par poupou19 dans le forum Langage
    Réponses: 2
    Dernier message: 19/11/2012, 15h39
  2. [MySQL] vérification champs formulaire
    Par mouna87 dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 13/06/2010, 10h19
  3. Vérification champs formulaire
    Par ljuboja78 dans le forum Langage
    Réponses: 2
    Dernier message: 15/07/2009, 15h40
  4. Réponses: 8
    Dernier message: 26/05/2009, 12h18
  5. Vérification champs formulaire
    Par Invité dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 29/04/2008, 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