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 :

verifier que tout les champs du formulaire sont remplis


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    176
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Avril 2009
    Messages : 176
    Par défaut verifier que tout les champs du formulaire sont remplis
    Bonjour a tous,

    Je block:
    Pour des besoin de base de données et d'ergonomie j'ai besion d'ètre sure que mon utilisateur a remplis au moins un champs dans le formulaire avant de vérifier si il a rempli un champs précis je pensais que sa allaite être simple avec les source trouvé dans les faq mais sa ne marche pas, j'ai essayé dans un formulaire hyper simple, sa ne marche toujours pas. voila mon code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <form  name="saisie" method="post" onsubmit="verif()">
    <input type="text" name="nom" id="nom"><br/>
    </html>
    <input type="text" name="prenom" id="prenom"><br/>
    <input type="text" name="age" id="age"><br/>
    <input type="submit" value="valider">
     
    </form>
    sa c'est le formulaire, ultra basique que j'ai crée pour m'en sortir

    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 verif() 
    {
    	var inputList = document.forms['monFormulaire'].elements;
    	var alertTxt = "";
    	for (unInput in inputList)
    	{
    		if(unInput.type=="text" && unInput.value.length==0)
    		{
    			alertTxt += "Le champ " + unInput.name + " n'a pas été rempli \n";
    		}
    	}
    	alert(alertTxt)
    }
    et sa c'est la fonction que j'ai trouvé dans les faq et que je modifierais avec des booléeens quand elle marcheras.
    si quelqu'un voit l'erreur.
    Merci d'avance.

  2. #2
    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
    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 !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    176
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Avril 2009
    Messages : 176
    Par défaut
    Merci beaucoup pour ce lien qui me serra très utile j'essérai d'en faire bonne usage.

    Bonne journé

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    176
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Avril 2009
    Messages : 176
    Par défaut
    J'avais en faite crié a la victoire un peu vite, si le code de l'autre post marche je ne peut pas l'adapter a mon cas car mon formulaire contient des champs qui ont des noms dynamiques, j'ai trouvé un post qui explique plus ou moin comment faire http://www.developpez.net/forums/d55...on-formulaire/ mais encore une fois c'est pas facile a adapter et la fonction ne marche pas. ce que je voudrais c'est vérifié si l'utilisateur a remplis au moin une case déstiné au variable, si c'est la cas on verifie si il a rempli la case déstiné à l'année de référence si ces deux conditions sont remplis on peut charger une nouvelle page, si l'utilsateur n'a rempli aucune case destiné au variable on peut chargé directement.

    La ou je bloque c'est a la vérification qu'au moin une case variable(qui a pour name et id varxyz avec xyz 3 chiffres variables) a été remplis: voila ma fonction:

    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
    function gopage(page, anneeref, formulaire)
    {
     
    	var estRempli=false;
    	for(var i=0 ; i<formulaire ; i++)//premier paramètre variable
    	{
    		for(var j=0 ; j<7 ; j++)//deuxième paramètre variable
    		{
     
    			for(var k=0 ; k<25 ; k++)//troisième paramètre variable 
    			{
    				var form = 'var'+k+j+i;
    				if(document.forms['saisie'].elements[form].value!='')
    				{
    					estRempli=true;
    				}
     
     
    			}
    		}
    	}
     
    	if(estRempli==true)
    	{
    		if(document.getElementById(anneeref).value == "" )
    		{
    			alert ('Vous avez oublié de saisir l\'année de réference!');
    			//return false;
    		}
    		else
    		{
    			document.saisie.action = page;
    			document.saisie.submit();
    		}
    	}
    }
    et voila le formulaire (enfin juste la balise formulaire et les boutons):
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <form name="saisie" id="saisie" method="post" action="" onsubmit="return testsubmit()">
    <input type="button" value="insérer ces données" onclick="gopage('index.php?action=ajoutdonne&amp;', 'AnneeRef1','1')" />
     
    <input type="button" value="Suivant>>" onclick="gopage('index.php?action=affichedonne&amp;donneeEnv=oke&amp;', 'AnneeRef1','1')" />
    d'apres les tests que j'ai fait avec les alert sa bloque au niveau du if.
    j'ai fait pas mal de test je ne trouve pas comment faire.merci d'avance pour vos idées.

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 43
    Par défaut
    salut,

    tiens si tu veux j'ai fait dernièrement une vérification de formulaire avec du javascript, j'active le bouton de soumission qu'une fois que les 4 premiers champs sont remplis correctement.

    En modifiant les fonctions tu pourrais surement arriver ou tu veux
    prend le code source : http://www.toopix.eu/inscription.html

    désolé je passe en coup de vent, j'ai pas le temps de copier/coller tout le code intéressant je ferais ça ce soir

    ciao

  6. #6
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    Poste un code complet et minimaliste illustrant ce que tu souhaites sous cette forme s'il te plaît :
    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
    <!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>
      <title>modèle de code pour bien poster</title>
      <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
      <style type="text/css">
      /* code css */
      </style>
    </head>
    <body>
      <!-- code xhtml -->
      <script type="text/javascript">
      <!--
        // code javascript
      //-->
      </script>
    </body>
    </html>
    Parce que entre ce que je ne vois pas le lien entre tu dis et ce que je vois comme code. Etant donné que le javascript bug, c'est surtout le formulaire qui compte.

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    49
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 49
    Par défaut
    J'ai pas tout lu mais le début était bien parti. Fallait juste atteindre les bonnes valeurs:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    	var inputList = document.forms['monFormulaire'].elements;
    	var alertTxt = "";
    	for (unInput in inputList)
    	{
    		var x = document.forms['monFormulaire'].elements[unInput];
     
    		if(x.value==0 || x.value=='')
    		{
    			alertTxt += "Le champ " + x.name + " n'a pas été rempli \n";
    		}
    	}
    	alert(alertTxt)
    Si ça peut servir aux prochains visiteurs...

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

Discussions similaires

  1. Tester que les champs du formulaire sont vides
    Par laurentSc dans le forum Langage
    Réponses: 8
    Dernier message: 23/12/2013, 17h38
  2. Vérifier que tous les champs sont remplis
    Par nico_loin dans le forum Général JavaScript
    Réponses: 17
    Dernier message: 19/12/2012, 11h25
  3. Vérifier tout les champs d'un formulaire
    Par snorky94 dans le forum Langage
    Réponses: 2
    Dernier message: 28/10/2012, 19h44
  4. Selectionner tout les champs d'un formulaire dans un element
    Par berlo44 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 26/06/2011, 11h59
  5. Vérifier que tous les champs du formulaire soient bien remplis
    Par arnaudperfect dans le forum Langage
    Réponses: 3
    Dernier message: 25/08/2007, 11h59

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