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érifier un formulaire


Sujet :

JavaScript

  1. #1
    Membre Expert Avatar de nebule
    Profil pro
    Inscrit en
    Octobre 2004
    Messages
    1 507
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 507
    Par défaut Vérifier un formulaire
    Bonjour,

    Je voudrai vérifier un formulaire mais, cela ne fonctionne pas. Le fait que mon formulaire contienne du PHP est-il en rapport avec le nom fonctionnement :
    Car le test alert("toto") fonctionne bien, mais pas le reste

    Mon script est :
    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
    	<script type="text/JavaScript">
    <!--script pour vérifier les données entrées dans le formulaire-->
    	function verifForm(formulaire)
    	{
    		alert ("toto");
    		nom = document.formulaire.nom.value;
    		alert (document.formulaire.nom.value);
    		prenom = document.formulaire.prenom.value;
    		alert (prenom);
    		matricule = document.formulaire.matricule.value;
    		alert (matricule);
     
    		<!-- verifie si nom est remplis-->
    		if(nom == "")
    		{
    			alert('Le nom est vide. Merci de le renseigner.');
    			return false;
    		}
    		<!-- verifie si prenom est remplis-->
    		if(prenom == "")
    		{
    			alert('Le prenom est vide. Merci de le renseigner.');
    			return false;
    		}
    		<!-- verifie si matricule est remplis-->
    		if(matricule == "")
    		{
    			alert('Le matricule est vide. Merci de le renseigner.');
    			return false;
    		}
    		return true;
     
    	}
    Et, le début de mon formulaire:

    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
    <form method="post" 
    	name="modifier" action="./default.php?page=./administration/modifier.php&forme=2&statut=collaborateur"
    	onsubmit="return verifForm(this.form)" >
    	<tr>
    	<!--affichage du nom-->
    		<td width=25% height=25 bgcolor="#D3DCE3" ><B><font size="3" face="Arial, Helvetica, sans-serif">Nom</font></b></td>
    		<td width=25% height=25 bgcolor="#E2E4FF" >
    			<input type="text" name="nom" size="30" maxlenght="30" value="<?echo $nom; ?>">
    			<input type="hidden" name="id_perso" value="<?echo $id_perso; ?>">
    		</td>
    	<!--affichage du prenom-->
    		<td width=25% height=25 bgcolor="#D3DCE3" ><B><font size="3" face="Arial, Helvetica, sans-serif">Prénom</font></b></td>
    		<td width=25% height=25 bgcolor="#E2E4FF" >
    			<input type="text" name="prenom" size="30" maxlenght="30" value="<?echo $prenom; ?>">
    	</tr>
    	<tr  >
    Merci de votre aide
    Marie

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    71
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 71
    Par défaut rep
    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
     
    <script language="JavaScript">
    <!--script pour vérifier les données entrées dans le formulaire--> 
       function verif() 
       { 
          $nom = document.getElementById('nom').value
          alert ($nom); 
          $prenom = document.getElementById('prenom').value
          alert ($prenom); 
     
          <!-- verifie si nom est remplis--> 
          if(nom == "") 
          { 
             alert('Le nom est vide. Merci de le renseigner.'); 
             return false; 
          } 
          <!-- verifie si prenom est remplis--> 
          if(prenom == "") 
          { 
             alert('Le prenom est vide. Merci de le renseigner.'); 
             return false; 
          } 
          <!-- verifie si matricule est remplis--> 
          if(matricule == "") 
          { 
             alert('Le matricule est vide. Merci de le renseigner.'); 
             return false; 
          } 
          return true; 
     
       }
    </script>
     
    </head>
     
    <body>
     
    <form method="post" name="modifier"> 
    <!--affichage du nom--> 
    Nom 
    <input type="text" id="nom" size="30" maxlenght="30"> 
    <!--affichage du prenom--> 
    Prénom
    <input type="text" id="prenom" size="30" maxlenght="30"> 
    <input type="button" value="temp" onClick="javascript: verif()">
    </form>
    j'ai un peu changer ton code mais c'est pour te montrer le fonctionnement,
    tu n'as plus qu'à remettre tes propres infos et ça va rouler !

    bon courage,

    Pierre

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    71
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 71
    Par défaut petite erreur
    je n'ais pas préciser que j'avais modifier le nom de tes variables, à savoir :
    "nom" en "$nom" et "prenom" en "$prenom" dans le javascript

    mil excuse

  4. #4
    Membre Expert Avatar de nebule
    Profil pro
    Inscrit en
    Octobre 2004
    Messages
    1 507
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 507
    Par défaut
    le fait de mettre des $ n'est pas obligatoire comme en php ?
    Elles se déclarent "toutes seules" ?
    Marie

  5. #5
    Membre Expert Avatar de nebule
    Profil pro
    Inscrit en
    Octobre 2004
    Messages
    1 507
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 507
    Par défaut
    Vu qu'on met un button à la fin du formulaire, il faut pas rajouter un truc type formulaire.submit à la fin de la fonction si return = true ?

    Mais je sais pas comment faire ?

    Marie

  6. #6
    Membre Expert Avatar de nebule
    Profil pro
    Inscrit en
    Octobre 2004
    Messages
    1 507
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 507
    Par défaut
    J'ai fait ca mais sans succés:
    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
       function verif(this)
       {
          $nom = document.getElementById('nom').value
          $prenom = document.getElementById('prenom').value
          $matricule = document.getElementById('matricule').value
          $test=true      
          <!-- verifie si nom est remplis-->
          if($nom == "")
          {
             alert('Le nom est vide. Merci de le renseigner.')
             $test=false
          }
          <!-- verifie si prenom est remplis-->
          if($prenom == "")
          {
             alert('Le prenom est vide. Merci de le renseigner.')
             $test=false
          }
          <!-- verifie si matricule est remplis-->
          if($matricule == "")
          {
             alert('Le matricule est vide. Merci de le renseigner.')
             $test=false
          }
           if ($test==false)
           {alert ("toto")
           	return false;}
           else {alert ("titi")
           	this.form.submit;}
     
       }
    Une idée ?
    Marie

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

Discussions similaires

  1. [PHP 5.3] Comment vérifier le formulaire
    Par beegees dans le forum Langage
    Réponses: 2
    Dernier message: 29/12/2009, 19h49
  2. vérifier champ formulaire existant-afficher alerte
    Par knebhi dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 29/04/2009, 12h20
  3. Vérifier champ formulaire sans bouton
    Par Jiraiya42 dans le forum Général JavaScript
    Réponses: 72
    Dernier message: 25/07/2007, 11h56
  4. [MySQL] Quelqu'un pourrait il m'aider à vérifier mon formulaire d'inscription?
    Par Pepito2030 dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 23/07/2006, 00h56
  5. Réponses: 7
    Dernier message: 26/03/2006, 16h46

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