Vérifier un formulaire

Version imprimable

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:

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:

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

rep

Code:

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 ! :wink:

bon courage,

Pierre

22/10/2004, 16h30
lepierre

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 :D
22/10/2004, 16h31
nebule

le fait de mettre des $ n'est pas obligatoire comme en php ?
Elles se déclarent "toutes seules" ?
Marie
22/10/2004, 16h54
nebule

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

J'ai fait ca mais sans succés:

Code:

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 ? :idea:
Marie