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 :

validation d'un formulaire (question de débutant)


Sujet :

JavaScript

  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut validation d'un formulaire (question de débutant)
    Bonjour,

    j'essaie d'apprendre le javascript ; j'effectue pour cela un petit exercice : le but est de vérifier la saisie d'un formulaire et de bloquer l'envoi si cette saisie est mauvaise. Or dans ce que j'ai fait, même si la saisie est mauvaise et qu'il le détecte (je vois l'action se faire), le formulaire est quand même envoyé ; peut-on me dire ce qui ne va pas ? Voici mon code :
    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
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
      <title>test5</title>
      <script language="JavaScript">
    function verifPseudo(champ)
    {
    if(champ.value.length < 2 || champ.value.length > 25)
    {
    surligne(champ, true);
    return false;
    }
    else
    {
    surligne(champ, false);
    return true;
    }
    }
     
    function surligne(champ, erreur)
    {
    if(erreur)
    champ.style.backgroundColor = "#fba";
    else
    champ.style.backgroundColor = "";
    }
      </script>
    </head>
    <body>
    <form action="page.php" onsubmit="return
    verifPseudo(this);">
    Pseudo : <input name="pseudo" onblur="verifPseudo(this)"
     type="text"><br>
    E-mail : <input name="email" size="30" type="text"><br>
    &Acirc;ge : <input name="age" size="2" type="text">
    ans<br>
      <input value="Valider" type="submit">
    </form>
    </body>
    </html>
    La page "page.php" étant toute con, je ne la mets pas.

  2. #2
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    <form action="page.php" onsubmit="return
    verifPseudo(this.pseudo);">
    ps : évite de faire des copie /coller ...

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Je ne sais pas où tu as vu ça car je ne l'ai pas ; comme je me suis dit qu'il fallait peut-être 2 fonctions javascript différentes pour le test du champ et pour le test global, j'en ai créé 2, mais le problème reste :
    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
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
      <title>test5</title>
      <script language="JavaScript">
    function surligne(champ, erreur)
    {
    if(erreur)
    champ.style.backgroundColor = "#fba";
    else
    champ.style.backgroundColor = "";
    }
    function verif(champ)
    {
    if(champ.value.length < 2 || champ.value.length > 25) return false;
    else return true;
    }
    function verifPseudo(champ)
    {
    if(champ.value.length < 2 || champ.value.length > 25)
    {
    surligne(champ, true);
    return false;
    }
    else
    {
    surligne(champ, false);
    return true;
    }
    }
      </script>
    </head>
    <body>
    <form action="page.php" onsubmit="return verif(this);">
    Pseudo : <input name="pseudo" onblur="verifPseudo(this)"
     type="text"><br>
    E-mail : <input name="email" size="30" type="text"><br>
    &Acirc;ge : <input name="age" size="2" type="text">
    ans<br>
      <input value="Valider" type="submit"></form>
    </body>
    </html>

  4. #4
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    J'ai compris ta réponse et ai corrigé : ça marche (c'est vrai que je n'avais pas fait gaffe)

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

Discussions similaires

  1. [AC-2010] Création formulaire (question simple débutant).
    Par alexandre947 dans le forum Modélisation
    Réponses: 2
    Dernier message: 09/01/2015, 10h31
  2. question de débutant : messages dans formulaire
    Par flamant dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 22/06/2009, 05h09
  3. [MFC] Quelques questions de débutant...
    Par Sephi dans le forum MFC
    Réponses: 4
    Dernier message: 20/02/2004, 17h25
  4. Questions de débutant
    Par J-P-B dans le forum XMLRAD
    Réponses: 12
    Dernier message: 24/07/2003, 15h19
  5. [HyperFile] 2 questions de débutant
    Par khan dans le forum HyperFileSQL
    Réponses: 2
    Dernier message: 29/04/2002, 23h18

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