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 :

Test si champs obligatoires remplis


Sujet :

JavaScript

  1. #1
    Membre régulier
    Inscrit en
    Mars 2005
    Messages
    162
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 162
    Points : 71
    Points
    71
    Par défaut Test si champs obligatoires remplis
    Bonjour,

    Je souhaite tester certains valeurs d'un formulaire avant de l'envoyer surla page de traitement, afin de vérifier que les données obligatoires ont bien été remplis ....

    Omment puis je faire ?

  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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    dans le onsubmit de ton form ...
    c'est un grand classique qui doit être traité dans la FAQ ...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onsubmit="return VerifForm()"
    avec une focntion on submit que retourne true ou false en focntion de la vérification des champs ...
    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 actif Avatar de MANU_2
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    417
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 417
    Points : 275
    Points
    275
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <FORM ...  onSubmit="return validation();"> 
          <input id="toto"  ... >
     
    function validation ()	  	
    {	
        if (document.GetElementById('toto')== '')
    	{return false;}
    	else
    	{return true;}
     
        ...
    }

  4. #4
    Membre régulier
    Inscrit en
    Mars 2005
    Messages
    162
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 162
    Points : 71
    Points
    71
    Par défaut
    Voila ce que j'ai fait :

    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
     
    function checkSubmit() {
     
    	if (window.document.forms[0].champ.value == '0') 
    		{
    		return false;
    		alert("value = 0");
    		window.document.forms[0].champ2.value = 'value 0';
    		} 
    		else 
    		{
    		return true;
    		alert("value != 0");
    		window.document.forms[0].champ2.value = 'value pas 0';
    		}
     
    	}
    J'ai rajouté :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <FORM action="/test"  method="post" onSubmit="return checkSubmit()">
    Et quand la valeur est à 0, le formulaire n'est pas transmis, mais ma pop-up ne s'affiche pas, et aucune valeur n'est placé dans champ2 ....

    Ou est le probleme ?

  5. #5
    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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    un return interrompt le script ...
    donc mets le en dernière ligne de chaque test...

    là il est en première ligne donc il ne fait rien d'autre que de renvoyer true ou false
    les lignes suivantes ne sont pas interprétées ...
    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 !

  6. #6
    Membre régulier
    Inscrit en
    Mars 2005
    Messages
    162
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 162
    Points : 71
    Points
    71
    Par défaut
    Arf ... tout simplement ....

    Bon ben merci !!!!

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

Discussions similaires

  1. Test sur les champs obligatoire
    Par jockhip12 dans le forum Langage
    Réponses: 2
    Dernier message: 26/03/2012, 14h54
  2. Réponses: 2
    Dernier message: 28/07/2010, 13h03
  3. Réponses: 4
    Dernier message: 15/05/2006, 00h03
  4. Rendre champ obligatoire après un test IF
    Par snoopy69 dans le forum Access
    Réponses: 3
    Dernier message: 22/01/2006, 19h28

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