Vérification de formulaire

BenoitDenis · 28/06/2011, 14h18

Bonjour

j'ai une fonction Javascript (Validator) que j'utilise toujours pour vérifier si mes champs de formulaires sont bien remplis, jusqu'ici je n'avais pas eu de problème mais cette fois ça me vérifie bien si le champ e-mail est rempli mais ca passe outre le reste.
Meme si je saisis un mail au mauvais format cela fonctionne.

Si rien n'est rempli j'ai une alert me demandant de saisir un e-mail. Si je mets n'importe quelle valeur dans le champ e-mail je passe à la page verif_contact.php

Si vous avez une idée je suis preneur

Merci d'avance

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
 
		<title></title> 
    <meta name="description" content="" /> 
 
 
    <meta http-equiv="Content-Language" content="fr" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <meta name="revisit-after" content="1 Day"> 
 
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 
 
    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
    <link href="css/colorbox.css" rel="stylesheet" type="text/css" /> 
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
 
 
    <script type="text/javascript"> 
      function Validator(theForm){
        if (theForm.mail.value != "")
        {	
      	var maReg = new RegExp ( "^\\w[\\w+\.\-]*@[\\w\-]+\.\\w[\\w+\.\-]*\\w$", "gi" ) ;
        	var mail=theForm.email.value;
        	if ( mail.search( maReg ) == -1 )
        	{
        		alert("Saisissez une adresse e-mail correcte.\nMerci.");
      		theForm.mail.focus();
      		return(false);
        	}
        }
        if (theForm.mail.value == ""){
          alert("Veuillez saisir un email.\nMerci");
          theForm.mail.focus();
          return (false);
        }
        if (theForm.nom.value == ""){
          alert("Veuillez saisir un nom.\nMerci");
          theForm.nom.focus();
          return (false);
        }
        if (theForm.prenom.value == ""){
          alert("Veuillez saisir un prenom.\nMerci");
          theForm.prenom.focus();
          return (false);
        }
        if (theForm.cp.value == ""){
          alert("Veuillez saisir un code postal.\nMerci");
          theForm.cp.focus();
          return (false);
        }
        if (theForm.tel.value == ""){
          alert("Veuillez saisir un téléphone.\nMerci");
          theForm.tel.focus();
          return (false);
        }
        return(true);
      }
    </script> 
 
</head> 
<body> 
 
<div id = 'contener'> 
 
  <div id = 'header'> 
    <a href = '' title = "" target = '_blank'><img src = 'images/tethis.png' /></a> 
  </div> 
 
 
 
    <form name = 'contact' method = 'post' action = 'verif_contact.php' onSubmit='return Validator(this)'> 
 
    <div id = 'origine'> 
      <input type = 'radio' name = 'origine' value = 'Création'>&nbsp;Création de site internet
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type = 'radio' name = 'origine' value = 'Refonte'> &nbsp;Refonte de site internet
    </div> 
 
    <div id = 'adresse1'>Adresse du site internet si refonte :</div> 
    <div id = 'adresse2'><input class = 'large' type = 'text' name = 'url' /></div> 
 
    div id = 'nature'> 
      <input type = 'radio' name = 'nature' value = 'Site vitrine'>&nbsp;Site vitrine
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type = 'radio' name = 'nature' value = 'Site catalogue'> &nbsp;Site catalogue
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type = 'radio' name = 'nature' value = 'Site e-commerce'> &nbsp;Site e-commerce
    </div> 
 
    <div id = 'raison1'>Société : </div> 
    <div id = 'raison2'><input class = 'large' type = 'text' name = 'raison' /></div> 
 
    <div id = 'nom1'>Nom : <span style = 'color:red;'>*</span></div> 
    <div id = 'nom2'><input class = 'large' type = 'text' name = 'nom' /></div> 
 
    <div id = 'prenom1'>Prénom : <span style = 'color:red;'>*</span></div> 
    <div id = 'prenom2'><input class = 'large' type = 'text' name = 'prenom' /></div> 
 
    <div id = 'email1'>E-mail : <span style = 'color:red;'>*</span></div> 
    <div id = 'email2'><input class = 'large' type = 'text' name = 'mail' /></div> 
 
    <div id = 'cp1'>Code postal : <span style = 'color:red;'>*</span></div> 
    <div id = 'cp2'><input class = 'large' type = 'text' name = 'cp' /></div> 
 
    <div id = 'tel1'>Téléphone : <span style = 'color:red;'>*</span></div> 
    <div id = 'tel2'><input class = 'large' type = 'text' name = 'tel' /></div> 
 
    <div id = 'descriptif'> 
      <textarea name = 'descriptif'></textarea> 
    </div> 
 
    <div id = 'submit'> 
      <input type = 'image' value = 'submit' name = 'submit' 
                onMouseOver="this.src='images/bouton-envoyer-over.png'" 
                onMouseOut="this.src='images/bouton-envoyer.png'" 
                src = 'images/bouton-envoyer.png' /> 
    </div> 
 
    </form> 
 
    <div style = 'position: absolute;bottom:22px;left:122px;font-size:10px;'> 
      Les champs marqués d'une <span style = 'color:red;'>*</span> sont obligatoires.
    </div> 
 
 
</div> 
 
</body> 
</html>

Eric2a · 28/06/2011, 15h06

Salut,

Le champ correspondant à l'adresse e-mail est nommé mail, donc remplacer

Code js :

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

var mail=theForm.email.value;

par

Code js :

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

var mail=theForm.mail.value;

BenoitDenis · 28/06/2011, 15h37

Ah oui bien vu merci j'avais oublié de le modifier celui la.

Une idée du pourquoi la vérif ne fonctionne pas sur les autres champs ?

28/06/2011, 15h06	#2
Eric2a Membre Expert Eric Garidacci Inscription : septembre 2005 Messages : 1 057 Détails du profil Informations personnelles : Nom : Eric Garidacci Âge : 41 Informations forums : Inscription : septembre 2005 Messages : 1 057 Points : 1 564 Points : 1 564	Salut, Le champ correspondant à l'adresse e-mail est nommé mail, donc remplacer Code js : Sélectionner tout - Visualiser dans une fenêtre à part var mail=theForm.email.value; par Code js : Sélectionner tout - Visualiser dans une fenêtre à part var mail=theForm.mail.value; __________________ N'oubliez pas le vote des messages utiles ainsi que le Tag [Résolu]. Mon Site Web : Corse - Actualité, Météo, Vidéos, Logiciels, ...
	00

28/06/2011, 15h37	#3
BenoitDenis Membre confirmé Inscription : avril 2005 Messages : 538 Détails du profil Informations personnelles : Âge : 26 Localisation : France, Sarthe (Pays de la Loire) Informations forums : Inscription : avril 2005 Messages : 538 Points : 219 Points : 219	Ah oui bien vu merci j'avais oublié de le modifier celui la. Une idée du pourquoi la vérif ne fonctionne pas sur les autres champs ? __________________ Le contenu est roi, optimisé il est empereur... Comme la Hongrie, le monde informatique a une langue qui lui est propre. Mais il y a une différence. Si vous restez assez longtemps avec des Hongrois, vous finirez bien par comprendre de quoi ils parlent. http://www.tethis-interactive.com
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email