validation d'un formulaire (question de débutant)

Version imprimable

Bonjour,

j'essaie d'apprendre le javascript ; j'effectue pour cela un petit exercice : le but est de vérifier la saisie d'un formulaire et de bloquer l'envoi si cette saisie est mauvaise. Or dans ce que j'ai fait, même si la saisie est mauvaise et qu'il le détecte (je vois l'action se faire), le formulaire est quand même envoyé ; peut-on me dire ce qui ne va pas ? Voici mon code :
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 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>test5</title> <script language="JavaScript"> function verifPseudo(champ) { if(champ.value.length < 2 || champ.value.length > 25) { surligne(champ, true); return false; } else { surligne(champ, false); return true; } } function surligne(champ, erreur) { if(erreur) champ.style.backgroundColor = "#fba"; else champ.style.backgroundColor = ""; } </script> </head> <body> <form action="page.php" onsubmit="return verifPseudo(this);"> Pseudo : <input name="pseudo" onblur="verifPseudo(this)" type="text"><br> E-mail : <input name="email" size="30" type="text"><br> Âge : <input name="age" size="2" type="text"> ans<br> <input value="Valider" type="submit"> </form> </body> </html>
La page "page.php" étant toute con, je ne la mets pas.

06/05/2009, 15h41
Matthieu2000

Citation:

<form action="page.php" onsubmit="return
verifPseudo(this.pseudo);">

ps : évite de faire des copie /coller ...

Je ne sais pas où tu as vu ça car je ne l'ai pas ; comme je me suis dit qu'il fallait peut-être 2 fonctions javascript différentes pour le test du champ et pour le test global, j'en ai créé 2, mais le problème reste :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test5</title>
  <script language="JavaScript">
function surligne(champ, erreur)
{
if(erreur)
champ.style.backgroundColor = "#fba";
else
champ.style.backgroundColor = "";
}
function verif(champ)
{
if(champ.value.length < 2 || champ.value.length > 25) return false;
else return true;
}
function verifPseudo(champ)
{
if(champ.value.length < 2 || champ.value.length > 25)
{
surligne(champ, true);
return false;
}
else
{
surligne(champ, false);
return true;
}
}
  </script>
</head>
<body>
<form action="page.php" onsubmit="return verif(this);">
Pseudo : <input name="pseudo" onblur="verifPseudo(this)"
 type="text"><br>
E-mail : <input name="email" size="30" type="text"><br>
&Acirc;ge : <input name="age" size="2" type="text">
ans<br>
  <input value="Valider" type="submit"></form>
</body>
</html>

06/05/2009, 16h18
laurentSc

J'ai compris ta réponse et ai corrigé : ça marche (c'est vrai que je n'avais pas fait gaffe)