vérification de formulaire
Bonjour,
J'ai créer un formulaire et je souhaite le vérifier avec du javascript , chose que j'ai faite mais je voudrai aussi que le formulaire ne s’envoie pas si un champs n'est pas correctement remplie .
Mon problème est que quoiqu'il arrive le formulaire est envoyé
code js
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
|
function verifMail(champ)
{
var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
if(!regex.test(champ.value))
{
surligne(champ, true);
write("<SPAN style='position:absolute;left:500px;top:500px;'>ERREUR</SPAN>'");
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function surligne(champ, erreur)
{
if(erreur)
champ.style.backgroundColor = "#fba";
else
champ.style.backgroundColor = "";
}
function verifAge(champ)
{
var age = parseInt(champ.value);
if(isNaN(age) || age < 5 || age > 111)
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifVide(champ)
{
var regex = /\s* /;
if(regex.test(champ.value))
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
function verifForm()
{
if(mail.value==ReMail.value&&password.value==ConfPass.value&&verifMail(mail)==true&&verifMail(ReMail)==true&&verifVide(password)==true&&verifVide(ConfPass)==true)
{
return true
}else{
return false
}
} |
formulaire
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <body>
<div id="form" style="position:absolute;left:420px;top:160px;z-index:10; "><pre><form METHOD=POST onsubmit="verifForm()" ACTION="traitement.jsp" >
<U><BR><BR><CENTER>INSCRIPTION</CENTER></U>
<BR>
<%if(request.getParameter("erreur")!=null){out.print(request.getParameter("erreur"));}%><BR><BR>
Adresse mail :<input name="Mail" value=" "onblur="verifMail(this)"><BR><BR>
Confirmation adresse mail :<input name="ReMail" value=" " onblur="verifMail(this)"><BR><BR>
Nom: <input name="Nom" value=" " onblur="verifVide(this)"><BR><BR>
Prenom: <input name="Prenom" value=" " onblur="verifVide(this)"> <BR><BR>
Age: <input name="Age" value=" " size="3"onblur="verifAge(this)"><BR><BR>
Sexe<input type="radio" name="Sexe" value="M" checked> Homme
<input type="radio" name="Sexe" value="F">Femme<BR><BR>
Pays :<input name="Pays" value=" " size="10" onblur="verifVide(this)"><BR><BR>
Adresse: <input name="Adresse" value=" " onblur="verifVide(this)"><BR><BR>
Code postal :<input name="codePostal" value=" " size="5" onblur="verifVide(this)"> Ville :<input name="Ville" value=" " size="10" onblur="verifVide(this)"><BR><BR>
Mot de passe:<TD><input type="password" name="Password" onblur="verifVide(this)"><BR><BR>
Repeter mot de passe:<input type="password" name="ConfPass" onblur="verifVide(this)">
<BR><BR>
<INPUT type=hidden name=afficher value=ok>
<input type="submit" value="Valider"> |
Merci d'avance et je n'arrive pas a trouver comment on peux définir un texte en js par exemple write("bbb") pour définir sa position couleur etc ...
J'ai essayé avec write("<SPAN style='position:absolute;left:500px;top:500px;'>Mon texte</SPAN>'"); mais cela ne marche pas. :/
