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 champ dans un formulaire


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Inscrit en
    Novembre 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 4
    Par défaut vérification de champ dans un formulaire
    bonsoir,

    je n'arrive pas à inserer un verifiateur d'@ ds un formulaire simple
    je pense que c'est en partie dû au fait de la case à cocher
    j'ai eu le meme probleme pour le bouton ''effacer'' que j'ai biaisé en ré affichant la page

    voici le script:
    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
    <font face="arial">
    <center>
    <table border="0"><tr><td>
    <br><b>
    Je suis:<br><br> 
    <input type="radio" name="je suis" value="un enfant" checked />
     Un enfant - &nbsp; <br> 
    <input type="radio" name="je suis" value="un parent">
    Un parent - &nbsp; <br> 
    <input type="radio" name="je suis" value="un ami">
    Un ami - &nbsp; <br> 
    <input type="radio" name="je suis" value="un elu de CE ou du CCE">
    Un élu de CE ou du CCE<br> 
    <input type="radio" name="je suis" value="un membre de la famille">
    Un membre de la famille<br>
    <input type="radio" name="je suis" value="un animateur">
    Un animateur<br>
    <br>
    <b>Nom : </b><input name="Nom"size=40 maxlength=50><br>
    <br> 
    <b>Prenom : </b><input name="Prénom"size=40 maxlength=50><br>
    <br> 
    <b>Adresse @ : </b><input name=" "size=40 maxlength=50><br>
    </center>
     
     
    <BODY>
    <SCRIPT language="JavaScript" title="G1SCRIPT">
    <!--
    function checkCheckBox(f){
    if (f.agree.checked == false )
    {
    alert('Vous devez cocher la case !!');
    return false;
    }else
    return true;
    }
    //-->
     
    </SCRIPT>
    <form action="mailto:xxxx2008@hotmail.fr?subject=inscription_lettre" name="envoi" method=POST  onsubmit="return checkCheckBox(this)">
    <br>
    Avant d'envoyer le formulaire, vous devez lire les informations.<br>
    <br>
    J'ai lu les informations: <input type="checkbox" value="0" name="agree"></b>
    <input type="submit" value="Envoyer">
    <input type="button" value="Effacer" onclick="document.location.href='/page9.html';">
    <input type="button" value="Annuler" onclick="document.location.href='/page2.html';">
    </form>
    </BODY>
    donc si les champs sont vides, le formulaire envoie le mess avec aucune information...
    voilà si quelqu'un a une solution, merci
    DidierLeDid

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 121
    Par défaut vérification d'un formulaire
    bonjour;

    voila j'ai le meme problème de vérification de champs, sauf que moi un message indiquant qu'un champ doit etre rempli s'affiche et le formulaire est comme meme envoyé .
    essai ce code :
    <input name="NAME" type="text" onBlur="MM_validateForm('NAME','','RisEmail');return document.MM_returnValue" >
    on cliquant sur entrer la vérif doit s'effectuer, si c'est une @ ou pas(en principe)
    et si tu trouve mieu, fait le moi s'avoir
    merci

  3. #3
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    tes champs de formulaire n'étaient pas ton ton "form" et il existe un boutton pour remettre tous les champs de formulaire a vide : reset , voici un exemple qui fonctionne :

    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
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <BODY>
     
     
     
     
    <SCRIPT language="JavaScript" title="G1SCRIPT">
    <!--
    function checkCheckBox(f){
    if (f.agree.checked == false )
    {
    	alert('Vous devez cocher la case !!');
    	return false;
    }else
    	return true;
    }
    //-->
     
    </SCRIPT>
    <form action="mailto:xxxx2008@hotmail.fr?subject=inscription_lettre" name="envoi" method=POST  onsubmit="return checkCheckBox(this)">
    <font face="arial">
    <center>
    <table border="0"><tr><td>
    <br><b>
    Je suis:<br><br> 
    <input type="radio" name="je suis" value="un enfant" checked />
     Un enfant - &nbsp; <br> 
    <input type="radio" name="je suis" value="un parent">
    Un parent - &nbsp; <br> 
    <input type="radio" name="je suis" value="un ami">
    Un ami - &nbsp; <br> 
    <input type="radio" name="je suis" value="un elu de CE ou du CCE">
    Un élu de CE ou du CCE<br> 
    <input type="radio" name="je suis" value="un membre de la famille">
    Un membre de la famille<br>
    <input type="radio" name="je suis" value="un animateur">
    Un animateur<br>
    <br>
    <b>Nom : </b><input name="Nom"size=40 maxlength=50><br>
    <br> 
    <b>Prenom : </b><input name="Prénom"size=40 maxlength=50><br>
    <br> 
    <b>Adresse @ : </b><input name=" "size=40 maxlength=50><br>
    </center>
    <br>
    Avant d'envoyer le formulaire, vous devez lire les informations.<br>
    <br>
    J'ai lu les informations: <input type="checkbox" value="0" name="agree"></b>
    <input type="submit" value="Envoyer">
    <input type="reset" value="Effacer">
    <input type="button" value="Annuler" onclick="document.location.href='/page2.html';">
    </form>
    </BODY>
    coordialement

  4. #4
    Candidat au Club
    Inscrit en
    Novembre 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 4
    Par défaut
    bon je te remercie pour la résolution d'un des deux problemes: la bouton "reset" reste bien comme il faut!!

    reste le probleme suivant: si les champs ne sont pas remplis, le formulaire part vide (et donc arrive sur la messagerie @ vides)

    as tu une idee pour un code qui oblgie à ecrire quelque chose dans les champs?? (sans changer ce qui fonctionne déjà)

    merci

  5. #5
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    en ajoutant a ta fonction, des tests sur les champs que tu souhaite vérifier :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    	function checkCheckBox(f){
    if (f.agree.checked == false )
    {
    	alert('Vous devez cocher la case !!');
    	return false;
    }else
    	if(f.agree.Nom =='' || f.agree.Prenom == ''){
    		return false;
    	}
    	return true;
    }

  6. #6
    Candidat au Club
    Inscrit en
    Novembre 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 4
    Par défaut
    heu,ben là j'ai bien le cas ''case à cocher", mais il est possible d'envoyer le formulaire vide....
    j'ai l'impression qu'une commande prend le dessus sur l'autre
    merci
    DLD

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2006
    Messages : 44
    Par défaut
    il manque ptet une accolade

    function checkCheckBox(f){
    if (f.agree.checked == false )
    {
    alert('Vous devez cocher la case !!');
    return false;
    }else
    {
    if(f.agree.Nom =='' || f.agree.Prenom == ''){
    return false;
    }
    return true;
    }

  8. #8
    Candidat au Club
    Inscrit en
    Novembre 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 4
    Par défaut
    me revoici après quelques semaines d'absence.....

    ben en fait la modification ne change pas le problème restant!!!

  9. #9
    Membre éclairé Avatar de medtun.net
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 57
    Par défaut
    Citation Envoyé par dehian Voir le message
    function checkCheckBox(f){
    if (f.agree.checked == false )
    {
    alert('Vous devez cocher la case !!');
    return false;
    }else
    {
    if(f.agree.Nom =='' || f.agree.Prenom == ''){
    return false;
    }
    return true;
    }
    Mais c'est normal de pouvoir envoyer le formulaire vide avec cette fonction, car elle retourne "true" dans tous les cas.
    try this :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    function checkCheckBox(f){
    var bl=true;
    if (f.agree.checked == false )
    {
    	alert('Vous devez cocher la case !!');
    	bl=false;
    }
    if(f.agree.Nom =='' || f.agree.Prenom == '')
    {
            alert('.....');
    	bl=false;
    }
    return bl;
    }

Discussions similaires

  1. Vérification de champs dans formulaire
    Par jquery dans le forum jQuery
    Réponses: 3
    Dernier message: 18/12/2013, 23h59
  2. Réponses: 0
    Dernier message: 25/04/2013, 17h46
  3. Vérification de champ dans un formulaire
    Par akara dans le forum Langage
    Réponses: 2
    Dernier message: 16/07/2007, 15h24
  4. Réponses: 4
    Dernier message: 09/01/2007, 22h28
  5. Réponses: 2
    Dernier message: 12/02/2003, 15h26

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