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>