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

**laurentSc** · 06/05/2009, 15h36

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 :

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
<!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>
&Acirc;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.

**Matthieu2000** · 06/05/2009, 15h41

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

**laurentSc** · 06/05/2009, 16h01

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 :

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
<!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>

**laurentSc** · 06/05/2009, 16h18

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager