code verification d un formulaire
Bonjour à tous,
Voila j ai un formulaire avec 3 input type text, un textarea et enfin un input submit.
jusque là tout va bien
mon problème c est que j ai l impression que ma fonction de verification de saisie de mon formulaire ne s exécute pas. alors je ne sais pas pourquoi ?? j utilise onsubmit="return valider()" dans ma balise form.
remarque pour le moment je n ai pas ajouter de code php volontairement pour tester mon code javascript dans un premier temps. éhh je reste dessus :aie:
je vous propose mon code si vous avez des idées, merci !
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
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
|
<html>
<head>
<title>Form4 TD3 1.5</title>
<style type="text/css">
/* style du body */
body{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
margin : 50px;
color:#666666;
}
/* style pour mon formulaire */
.fieldset {
width : 320px;
}
/*style les label du formulaire*/
.fieldset .label{
border : 0px solid #fff;
text-align : right;
width : 90px;
float : left;
padding : 0;
margin-top : 0.3em;
margin : 0;
}
/*style des sauts de ligne */
.fieldset .nobr {
display:none;
}
/*style des input type text */
.fieldset .textfield{
background : transparent url("textfield_bg.gif") no-repeat;
border : 0px solid #fff;
margin : 3px;
height : 20px;
width : 200px;
padding-left : 6px;
}
/*style du textarea */
.fieldset .textarea{
background : transparent url("textarea_bg.gif") no-repeat;
border : 0px solid #fff;
margin : 3px;
height : 165px;
width : 200px;
padding-left : 6px;
}
/*style du bouton submit*/
.fieldset .submit{
background : transparent url("submit.gif") no-repeat;
border : 0px solid #fff;
width:80px;
height:20px;
}
/*style du message envoyé a l utisateur s il y a erreur dans le formulaire */
.error {
color: #FF0000;
}
</style>
<script language="JavaScript" type="text/javascript">
<!--
function valider() {
/*
Création des variables
*/
var name = window.document.getElementById("name").value;
var email = window.document.getElementById("email").value;
var website = window.document.getElementById("website").value;
var commentaire = window.document.getElementById("commentaire").value;
var regExpEmailAdress=/^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$/g;
var incorrect = new Array();
var no = 0;
/*----------------------------------------------
Test de la zone text nom et mise en majuscule
*/
if(name != ""){
name = name.toUpperCase()
} else {
incorrect[no] = "1";
no++;
name = "name";
}
//______________________________________________
/* --------------------------------------------------------------------------
Test de la zone email en verifiant avec une expression regulier la saisie
*/
if(email == "")&&(!regExpEmailAdress.test(email))){
incorrect[no] = "2";
no++;
email = "email";
}
//___________________________________________________________________________
/* -----------------------------
Test de la zone web site
*/
if(website != ""){
incorrect[no] = "3";
no++;
website = "website";
}
//------------------------------
/* ------------------------------
Test de la zone commentaire
*/
if(commentaire != ""){
incorrect[no] = "4";
no++;
commentaire = "commentaire";
}
//_______________________________
/* -----------------------------------------------------
Mise en noir des labels des zones de saisie correct
*/
for(i=1;i<4;i++) {
window.document.getElementById(i).style.color="#000000";
}
//______________________________________________________
/*-----------------------------------------------------------------
Mise en rouge des labels des zones de saisie incorrect
*/
for(j=0;j<no;j++) {
window.document.getElementById(incorrect[j]).style.color="#FF0000";
}
//_________________________________________________________________
/*--------------------------------------------------------------------------------------------------------------
Affichage du message pour l'utilisateur si erreur !
*/
if(no > 0) {
window.document.getElementById("errors").innerHTML = "<span class=\"error\">Veuillez corriger le formulaire. Merci</span><br />";
}
//_______________________________________________________________________________________________________________
window.document.getElementById("name").value = name;
window.document.getElementById("email").value = email;
window.document.getElementById("website").value = website;
window.document.getElementById("commentaire").value = commentaire;
}
//-->
</script>
</head>
<body>
<div id="errors"></div>
<form action="lien.html" method="post" onsubmit="return valider()">
<fieldset class="fieldset">
<legend align="center">
Formulaire de contact
</legend>
<label for="name" class="label" id="1">Nom :</label>
<br class="nobr" />
<input type="text" name="name" id="name" class="textfield"/>
<br/>
<label for="email" class="label" id="2">Email :</label>
<br class="nobr" />
<input type="text" name="email" id="email" class="textfield"/>
<br/>
<label for="website" class="label" id="3">Site WEB :</label>
<br class="nobr" />
<input type="text" name="website" value="http://" id="website" class="textfield"/>
<br/>
<label for="commentaire" class="label" id="4">Commentaire :</label>
<br class="nobr" />
<textarea cols="30" rows="15" name="commentaire" id="commentaire" class="textarea"></textarea>
<br/>
<label for="submit" class="label" id="5"> </label>
<br class="nobr" />
<input name="submit" type="submit" value="Envoyer" id="submit" class="submit"/>
</fieldset>
</form>
</body>
</html> |
