Bonjour,

J'ai utilisé ce bout de js pour la validation des input 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
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
 
$(function() {
 
	$("#newsletter").submit(function() {
 
					 valid = true;
 
 
					 if($("#nom").val()=="") {
 
						 $("#nom").next(".error").fadeIn(1000).text("Nom requis");
						 $("#nom").css("border-color","#f55");
						 $("#nom").css("background-color","#fcc");
 
						 valid = false;
					 }
 
					 else {
 
						$("#nom").next(".error").slideUp();
						$("#nom").css("border-color","#333");
						$("#nom").css("background-color","#FFF");
 
					 }
 
					 if($("#prenom").val()=="") {
 
						 $("#prenom").next(".error").fadeIn(1000).text("Prénom requis");
						 $("#prenom").css("border-color","#f55");
						 $("#prenom").css("background-color","#fcc");
 
						 valid = false;
					 }
 
					 else {
 
						$("#prenom").next(".error").slideUp();
						$("#prenom").css("border-color","#333");
						$("#prenom").css("background-color","#FFF");
 
					 }
 
					  if($("#mail").val()=="") {
 
						 $("#mail").next(".error").fadeIn(1000).text("Email requis");
						 $("#mail").css("border-color","#f55");
						 $("#mail").css("background-color","#fcc");
 
						 valid = false;
					 }
 
					 else if (!$("#mail").val().match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/)) {
 
						 $("#mail").next(".error").fadeIn(1000).text("Email invalide");
						 $("#mail").css("border-color","#f55");
						 $("#mail").css("background-color","#fcc");
 
						 valid = false;
						 }
 
					 else {
 
						$("#mail").next(".error").slideUp();
						$("#mail").css("border-color","#333");
						$("#mail").css("background-color","#FFF");
 
					 }
 
 
					 return valid;
 
 
					 });
 
$("#nom").blur(function() {
 
					valid = true;
 
					 if($("#nom").val()=="") {
 
								 $("#nom").next(".error").fadeIn(1000).text("Nom requis");
								 $("#nom").css("border-color","#f55");
								 $("#nom").css("background-color","#fcc");
								 valid = false;
							 }
 
							 else {
								$("#nom").next(".error").slideUp();
								$("#nom").css("border-color","#333");
								$("#nom").css("background-color","#FFF");
							 }
 
 
					return valid;
 
					});
 
$("#prenom").blur(function() {
 
					valid = true;
 
					 if($("#prenom").val()=="") {
 
								 $("#prenom").next(".error").fadeIn(1000).text("Prénom requis");
								 $("#prenom").css("border-color","#f55");
								 $("#prenom").css("background-color","#fcc");
 
								 valid = false;
							 }
 
							 else {
 
								$("#prenom").next(".error").slideUp();
								$("#prenom").css("border-color","#333");
								$("#prenom").css("background-color","#FFF");
							 }
 
 
					return valid;
 
					});
 
$("#mail").blur(function() {
 
					valid = true;
 
					 if($("#mail").val()=="") {
 
								 $("#mail").next(".error").fadeIn(1000).text("Email requis");
								 $("#mail").css("border-color","#f55");
								 $("#mail").css("background-color","#fcc");
 
								 valid = false;
							 }
 
							 else if (!$("#mail").val().match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/)) {
								 $("#mail").next(".error").fadeIn(1000).text("Email invalide");
								 $("#mail").css("border-color","#f55");
								 $("#mail").css("background-color","#fcc");
 
								 valid = false;
								 }
 
							 else {
 
								$("#mail").next(".error").slideUp();
								$("#mail").css("border-color","#333");
								$("#mail").css("background-color","#FFF");
 
							 }
 
							 return valid;
 
					});
 
	});
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
 
<form name="newsletter" id="newsletter" action="index.php" method="POST">
 
 
<span class="ok"></span>
 
 
<label for="nom">Nom :</label>
<input type="text" name="nom" id="nom" /><span class="error"></span>
 
<label for="prenom">Pr&eacute;nom :</label>
<input type="text" name="prenom" id="prenom" /><span class="error"></span>
 
<label for="mail">Email :</label>
<input type="text" name="mail" id="mail" /><span class="error"></span>
 
<input type="submit" id="submit" value="S'inscrire" />
 
 
</form>
Tout fonctionne à merveille ;-)

Mais j'aimerai savoir comment je peux faire pour afficher un petit message dans un span en dessous du formulaire, par exemple, pour confirmer que le mail à bien été envoyé...

D'avance merci beaucoup .

Alex