Double exécution de la vérification d'un formulaire

**fab76000** · 17/01/2009, 16h07

Bonjour a tous,

J'ai un petit problème de vérification de formulaire tout simple, j'ai le fichier form2.php suivant :

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
<?php
session_start();
?>
<html>
<body>
<form action="verification.php" onsubmit="return tester()" method="post" enctype="multipart/form-data" name="f1" >
<table border="0" cellpadding="5" cellspacing="0" width="137">
	<tr>
		<td>Nom:</td>
		<td><input type="text" name="nom" size="20"></td>
	</tr>
	<tr>
		<td>Pr&eacute;nom:</td>
		<td><input type="text" name="prenom" size="20"></td>
	</tr>
  <tr>	
    <td>Email:</td>
		<td><input type="text" name="email" size="25"></td>
	</tr>
	<tr>
		<td>Objet</td>
		<td><input type="text" name="objet" size="25"></td>
	</tr>
	<tr>
		<td>Votre message</td>
		<td><textarea rows="12" name="msg" cols="40"></textarea></td>
	</tr>
	<tr>
		<td>CV:</td>
		<td><input type="file" name="cv" size="40"></td>
		</tr>
		<tr>
	<td>Lettre de motivation:</td>
		<td><input type="file" name="lm" size="40"></td>
  </tr>
	<tr>
		<td><img src="captcha.php" /></td>
      <td><input type="text" name="codesaisie" /></td>
	</tr>
  <tr>
  	<td></select> <input type="submit" value="Envoyer" onclick="tester()"></td></div>
 
	</tr>
</table>
</form>
</body>
</html>
<script type="text/javascript">
 
  a=0;
 
 function validerAdmail(){
  	mail=document.f1.email.value
  	exp=new RegExp("^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$","g");
  	if(exp.test(mail)){
  		a=1
  		}
  	else { alert( "L'adresse mail saisie n'est pas valide");
  	a=0
  	return false}
 }
 
 function tester()
{
 
 
   if(document.f1.nom.value.length !== 0 && document.f1.prenom.value.length !== 0
   && document.f1.lm.value.length !== 0 && document.f1.cv.value.length !== 0 && 
   document.f1.objet.value.length !== 0 && document.f1.msg.value.length !== 0 && 
   document.f1.codesaisie.value.length !== 0 && a==1)
  {    return true
        }
 
  else { alert("saisie obligatoire de tous les champs")
  validerAdmail()
  return false
  }
}
 </script>

La vérif marche bien mais elle marche deux fois de suite, c'est un petit peu embetant lol, j'avais déja eu le même problème auparavant mais ce n'était qu'un site essai donc pas important, mais la c'est important, donc si quelqu'un connait le problème, je pense que ça a déja du arrivé...
Merci d'avance.

**Jumano** · 17/01/2009, 16h51

Bonjour,
En effet tu fait appel deux fois à la fonction "tester()", un fois sur le "onclick" du bouton, et ensuite sur le "onsubmit".
Supprime le "onclick".
De plus il serait plus judicieux de faire appel à ta seconde fonction "validerAdmail()" après le "return true" et non après le "return false" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function tester() {
   if(document.f1.nom.value.length !== 0 && document.f1.prenom.value.length !== 0
   && document.f1.lm.value.length !== 0 && document.f1.cv.value.length !== 0 && 
   document.f1.objet.value.length !== 0 && document.f1.msg.value.length !== 0 && 
   document.f1.codesaisie.value.length !== 0 && a==1) { 
   return true ;
   validerAdmail();
   }  else {
   alert("saisie obligatoire de tous les champs");
   return false ;
  }
}

**Sourrisseau** · 18/01/2009, 18h16

Nota Bene : Il s'agit d'une précision sur la manière dont tu as réalisé ton code.

En javascript il est indispensable de faire extrêmement attention au nom des variables. Une variable 'globale' qui se nomme 'a' va te poser rapidement un problème. C'est un nom trop peu parlant et si a un moment dans une fonction tu utilises une variable 'a' 'à la va vite' ton code va complètement bugger.

Double exécution de la vérification d'un formulaire

JavaScript

Discussions similaires

Partager

Partager