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
    Invité
    Invité(e)
    Par défaut Vérification champs formulaire
    Bonjour,

    J'ai dans mon site des formulaires que l'utilisateur peut remplir et j'aimerais pouvoir vérifier la validité de ce qu'il a entré avant de l'envoyer vers une autre page.

    Pour cela, j'ai crée cette fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <script language="JavaScript">
    function checkContact()
    	{
    		var champ_nom = document.form_mail.nom.value;
     
    		if (champ_nom == "")
    		{
    			alert("Vous devez entrer un nom.");
    			return false;
    		}
    	}
    </script>
    j'ai bien un champ qui s'appelle nom dans un formulaire nommé form_mail
    Voici mon bouton submit :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="submit" value="Envoyer" onClick="javascript:return checkContact();"  />
    Cela ne fait absolument rien même si le champs est vide. Aurais-je fait une erreur ?

  2. #2
    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
    Points : 4 835
    Points
    4 835
    Par défaut
    non je n'ai pas vu d'erreur ... mais je te conseil de faire ceci :

    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
     
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans nom</title>
    <script type="text/javascript">
    function checkContact()
    	{
    		var champ_nom = document.forms['form_mail'].nom.value;
     
    		if (champ_nom == "")
    		{
    			alert("Vous devez entrer un nom.");
    		}
    		else{
    			document.forms['form_mail'].submit();
    		}
    	}
    	</script>
    </head>
     
    <body>
    <form name="form_mail">
    <input type="text" name="nom" />
    <input type="button" value="Envoyer" onClick="checkContact();"  />
    </form>
    </body>
    </html>
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  3. #3
    Invité
    Invité(e)
    Par défaut
    Merci, j'ai corrigé en mettant comme tu me l'as dit et apparemment maintenant tout fonctionne.

    Merci !

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

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. Réponses: 5
    Dernier message: 12/07/2005, 17h04

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