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 formulaire avant envoi


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut vérification formulaire avant envoi
    Bonjour,

    J'ai un formulaire où je vérifie les champs avec un javascript, mais lorsque l'on clique sur le bouton "Envoyer", la vérification se fait, mais le formulaire est envoyé même si les champs sont vide.

    Voici le code :

    Code javascript : 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
     
    function verification() {
     
                    var verifEmail = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z]{2,3}$/;
                    var verifTel = /^0[1-9]([\.|\-|\s]*[0-9]{2}){4}$/;
     
                    if(document.questionnaire.Nom.value == "") {
                        alert("Veuillez entrer votre nom!");
                        document.questionnaire.nom.focus();
                        return false;
                    }
     
                    if(document.questionnaire.organisme.value == "")  {
                        alert("Veuillez entrer votre organisme !");
                        document.questionnaire.organisme.focus();
                        return false;
                    }
     
                    if(document.questionnaire.fonction.value == "")  {
                        alert("Veuillez entrer votre fonction !");
                        document.questionnaire.fonction.focus();
                        return false;
                    }
     
                    if(document.questionnaire.tel.value == "")  {
                        alert("Veuillez entrer votre téléphone !");
                        document.questionnaire.tel.focus();
                        return false;
                    }
     
                    if (verifTel.exec(document.questionnaire.tel.value) == null ) {
                        alert("Votre numéro de téléphone est incorrect");
                        document.questionnaire.tel.focus();
                        return false;
                    }
     
                    if (verifEmail.exec(document.questionnaire.email.value) == null) {
                        alert("Votre email est incorrecte");
                        document.questionnaire.email.focus();
                        return false;
                    }
                }

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <form class="formquestionnaire" method="post" name="questionnaire"  onsubmit="return verification();" action="validerInsription.php">                  <fieldset>                     <br />                      <label>Melle/Mmme/M*</label><input type="text"  name="Nom" /><br />                     <br />                      <label>Organisme*</label><input type="text"  name="organisme" /><br />                     <br />                      <label>Fonction*</label><input  type="text" name="fonction" /><br />                     <br  />                      <label>T&eacute;l*</label><input type="text"  name="tel" /><br />                     <br />                      <label>Email*</label><input type="text"  name="email" /><br />                                            <div class="center">                             <input  value="Envoyer" type="submit" />                         </div>                      <br />                 </fieldset>              </form>


    Ai-je oublier quelque chose ?

    Par avance, merci.
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  2. #2
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    Juillet 2010
    Messages
    96
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 96
    Par défaut
    Salut,

    Pourrais-tu mettre le code html du formulaire.

    a premiere vu, cela doit provenir d'une erreur javascript.

    1) mettre tes regex pattern entre guillement
    ex var regex = "/[a-zA-Z0-9_-]/";

    si ca ne change rien au moin du aura corriger un des problemes

    2) ne laisser quune validation a la foi pour ciblier ou est l'erreur :


    si ca ne fonctionne pas, bien essaye de faire un alert sur
    document.questionnaire.Nom.value facon de voir si tu cible bien la property value.


    suggestion :
    ne met pas de return false dans tes if et concatener tout les erreur dans un seul alert

    ex :
    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
     
    function verification() {
     
                    var verifEmail = "/^[a-zA-Z0-9_-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z]{2,3}$/";
                    var verifTel = "/^0[1-9]([\.|\-|\s]*[0-9]{2}){4}$/";
     
    		var erreur = '';                
                    var send = true ;
     
    		if(document.questionnaire.Nom.value == "") {
                        erreur += "Veuillez entrer votre nom! \n";
                        document.questionnaire.nom.focus();
                        send = false;
                    }
     
                    if(document.questionnaire.organisme.value == "")  {
                        erreur += "Veuillez entrer votre organisme ! \n";
                        document.questionnaire.organisme.focus();
                        send = false;
                    }
     
    		/* ... autre cas de validation */
     
    		if(!send){
    			alert(erreur)
    			return false;
    		}
     
     
    }

  3. #3
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    1) mettre tes regex pattern entre guillement
    ex var regex = "/[a-zA-Z0-9_-]/";
    ????????????????????????????

    depuis quand ?????

    la syntaxe des regexp entre / / est tout à fait correcte, mettre des quotes les transformerait en string !!!
    on n'est pas en php

    tu dois confondre avec l'autre syntaxe :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    new RegExp("expression")
    ou là le paramètre doit en effet être un string


    Par contre fait plutot des test regexp plutot que exec ...
    je pense que le souci vient plutot de là...
    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 !

  4. #4
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    Juillet 2010
    Messages
    96
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 96
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    ????????????????????????????

    depuis quand ?????
    mon erreur desoler

  5. #5
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    merci pour vos réponses, j'ai suivis vos remarque et fais les modifications, mais ça ne change rien.

    Je vais encore cherché.
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  6. #6
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    Juillet 2010
    Messages
    96
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 96
    Par défaut
    as tu essayer de faire un alert sur
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert(document.questionnaire.Nom.value);
    aussi j'ai un peu de temps, donc si tu donnais le html, je pourrais y jeter un coup d’œil plus en detail.

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

Discussions similaires

  1. Test champ pourcentage formulaire avant envoi
    Par Xeuch dans le forum jQuery
    Réponses: 4
    Dernier message: 25/03/2013, 10h00
  2. verifier formulaire avant envoi
    Par voyageurdumonde dans le forum Débuter
    Réponses: 6
    Dernier message: 19/08/2012, 05h39
  3. Réponses: 7
    Dernier message: 29/11/2009, 19h48
  4. vérification des champs d'un formulaire avant envoi
    Par fey dans le forum Général JavaScript
    Réponses: 28
    Dernier message: 18/05/2007, 17h34
  5. [POO] Vérification d'un formulaire avant envoi
    Par KibitO dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 07/11/2005, 13h55

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