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 de formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut Vérification de formulaire
    Bonsoir,

    Voici ma fonction pour vérifier si les champs sont bien remplis avant validation.

    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 valider_fiche(){
      // si la valeur des champ ci-dessous ne sont pas vide
      if(document.fclient.nom.value != "" && document.fclient.prenom.value != "" ) 
     
      	  {
        // les données sont ok, on peut envoyer le formulaire    
        return true;
      }
      else {
        // sinon on affiche un message
        alert("Veuillez remplir les champs Nom et Prénom !");
        // et on indique de ne pas envoyer le formulaire
        return false;
     
      }  
     
    }
    Quand les champs sont vides j'ai bien le message d'erreur mais le formulaire est quand même posté.

    Voyez-vous une erreur dans mon code ?

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 22
    Par défaut
    Par quel événement est déclenché ta fonction de vérification ?

    Pourrais tu nous montrer le code avec ton formulaire ?

  3. #3
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    J'utilise l'évenement "Onsubmit"

    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
    <form class="form_ajout_client" method="post" name="fclient" action="<?php echo $action ; ?>" onsubmit="valider_fiche()">
    <input value="<?php echo $num_client ; ?>" type="hidden" name="num_client" />
      Nom<br />
      <input value="<?php echo $nom ; ?>" type="text" name="nom" /><br />
      Prénom<br />
      <input value="<?php echo $prenom ; ?>" type="text" name="prenom" /><br />
      <em>Adresse :</em><br />  
      Numero<br />
      <input value="<?php echo $numero ; ?>" type="text" name="numero" /><br />
      Rue<br />
      <input value="<?php echo $adresse ; ?>" type="text" name="adresse"   /><br />
     
      Code postal<br />
      <input value="<?php echo $cp ; ?>" type="text" name="cp" /><br />
      Ville<br />
      <input value="<?php echo $ville ; ?>" type="text" name="ville" /><br />
      Téléphone fixe<br />
      <input value="<?php echo $fixe ; ?>" type="text" name="fixe" /><br />
      Téléphone portable<br />
      <input value="<?php echo $portable ; ?>" type="text" name="portable" /><br />
      Adresse e-mail<br />
      <input value="<?php echo $mail ; ?>" type="text" name="mail" /><br />
      Note complémentaire (App, disponibilité..)<br />
      <textarea name="note"  rows="5"><?php echo $note ; ?></textarea><br>
      <input value="<?php echo $submit ; ?>" type="submit" />
     
     
    </form>
    Ma fonction marche correctement puisque je l'utilise sur d'autre formulaire.
    Mais la ! Il m'embete

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2005
    Messages : 77
    Par défaut
    Ton code s'exécute correctement dans la mesure où il affiche bien le message d'erreur. Cependant il faut indiquer lorsque tu appelles la fonction que si elle renvoit false, le formulaire ne doit pas être envoyé.

    Code html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form name="fclient" method="post" action="tapage.xxx">
        <input type="text" name="nom" /> 
        <input type="text" name="prenom" /> 
        <button type="button" onclick="JavaScript:fclient.submit();">Envoyer</button>
    </form>
    Code Javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function envoyerFclient() {
        if(valider_fiche()) {
            document.fclient.submit();
        }
    }
    Je n'ai pas testé mais en principe, lorque tu clique sur Envoyer, cela appelle la fonction envoyerFclient(), qui ne soumet le formulaire que dans le cas ou les 2 champs nom et prénom sont remplis

  5. #5
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    ok, mais pourquoi ma fonction fonctionne correctement sur d'autre formulaire ?
    C'est ça que je ne pige pas.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2005
    Messages : 77
    Par défaut
    Sincèrement je sais pas comment expliquer que cette fonction fonctionne d'habitude. Tu dois oublier un truc parce que là ça me parait tout a fait normal que le formulaire soit soumit d'une façon ou d'une autre. Il faudrait avoir d'autres avis ...

  7. #7
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    C'est bon j'ai trouvé. Dans l'evenement il me manqué onsubmit="return valider_fiche()"
    Même en comparant à plusieurs reprise mes autres formulaires je n'ai pas vu qu'il manquait...

    Les erreurs d'inattention sont les pires...

    Merci beaucoup en tout cas.

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2005
    Messages : 77
    Par défaut
    cool en plus c'est beaucoup plus simple que ce que j'ai fait. J'essayerais de m'en souvenir.

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

Discussions similaires

  1. Vérification de formulaire avec regexp
    Par Shadow aok dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 06/08/2007, 11h57
  2. vérification de formulaire
    Par manciaux dans le forum Langage
    Réponses: 23
    Dernier message: 01/09/2006, 16h20
  3. Vérification de formulaire :/
    Par Michaël dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 22/02/2006, 18h47
  4. Réponses: 5
    Dernier message: 12/07/2005, 17h04
  5. JavaScript de vérification de formulaire
    Par [DreaMs] dans le forum XMLRAD
    Réponses: 6
    Dernier message: 26/02/2003, 13h48

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