Validation formulaire Javascript & firefox 3

**des3er** · 12/12/2008, 20h57

Bonjour,

J'ai un petit soucis je suis entrain de validé un formulaire simple en test pour ensuite l'implémenter dans mon site web, je programme en javascript (débutant) et je suis confronté au problème suivant

je test le nom, un montant, et un mail si ils ont vide j'ai un popup pas de problème, par contre si je teste l'expression régulière en plus, si exemple je met un nom je teste la validité (alphabétique) ça me revoit true si c bon et false si c pas bon, même chose pour montant, et le mail, tout fonctionne à merveille sauf quand je clique sur valider des fois si j'ai du caractèrs dans le champ nom ça me ré affiche le popup veuillez entrer des caractères alors que j'ai bien des cartères dans mon champ on dirai que firefox reprends les ancien message

voici mon code java

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
function verification(formulaire)
{
 
 
if(document.getElementById('nom').value == "")
{
alert ("Vous avez oublié de saisir le champ nom!!!!");
return false;
}
 
 
if( ! IsAlpha(document.getElementById('nom').value) )
{
alert ("Vous devez entrer des caractères !!!!");
return false;
}
 
 
if(document.getElementById('montant').value == "")
{
alert ("Vous avez oublié de saisir le champ montant!!!!");
return false;
}
 
if(IsNumeric(document.getElementById('montant').value) == false)
{
alert ("Vous devez entrer un montant!!!!");
return false;
}
 
if(document.getElementById('mail').value == "")
{
alert ("Vous avez oublié de saisir un mail!!!!");
return false;
}
 
if(IsMail(document.getElementById('mail').value) == false)
{
alert ("Vous devez entrer un mail valide!!!!");
return false;
}
 
 
return true;
}
 
function IsAlpha(Txt)
{
var regExpression= /^[a-zA-Z-éèêëùç]*$/gi;
var result = regExpression.test(Txt);
 
return result;
}
 
function IsNumeric(Num)
{
var regExpression= /^[0-9]*$/gi;
var result = regExpression.test(Num);
 
return result;
}
 
function IsMail(Mail)
{
var regExpression= /^[a-zA-Z0-9_}{+\-_]+(\.[a-zA-Z0-9_}{+\-_]+)*@[a-zA-Z0-9\-\.]*[a-zA-Z0-9](\.[a-zA-Z0-9\.\-]*[a-zA-Z0-9\.])*[\.][a-zA-Z]{2,4}$/;
var result = regExpression.test(Mail);
 
return result;
}
 
 
formulaire html
 
<html>
<head>
<meta http-equiv="Pragma" content="no-cache">
 
<SCRIPT LANGUAGE="javascript" SRC="verif.js"></script>
 
</head>
 
<body>
<form action='page.html' method='post' onsubmit='return verification(this);'>
 
Nom: <input type='text' name='nom' id='nom'><br>
Montant:<input type='text' name='montant' id='montant'>
Email<input type='text' name='mail' id='mail'>
 
 
<input type='submit' value='envoyer'>
 
 
 
 
</form>
 
 
</body>
 
</html>

merci de vos réponses

**HiRoN** · 13/12/2008, 18h46

Salut,

Avec ce code, je n'ai pas rencontré de problème :

Code Javascript :

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
 
function verification(formulaire)
{ 
if(document.getElementById('nom').value == "")
{ alert ("Vous avez oublié de saisir le champ nom!!!!"); return false; }
if( !IsAlpha(document.getElementById('nom').value) )
{ alert ("Vous devez entrer des caractères !!!!"); return false; }
if(document.getElementById('montant').value == "")
{ alert ("Vous avez oublié de saisir le champ montant!!!!"); return false; }
if(IsNumeric(document.getElementById('montant').value) == false)
{ alert ("Vous devez entrer un montant!!!!"); return false; }
if(document.getElementById('mail').value == "")
{ alert ("Vous avez oublié de saisir un mail!!!!"); return false; }
if(IsMail(document.getElementById('mail').value) == false)
{ alert ("Vous devez entrer un mail valide!!!!"); return false; } 
return true; }
function IsAlpha(Txt)
{
var regExpression= /^[a-zA-Z-éèêëùç]*$/gi;
var result = regExpression.test(Txt);
return result;
}
function IsNumeric(Num)
{
var regExpression= /^[0-9]*$/gi;
var result = regExpression.test(Num);
return result;
}
function IsMail(Mail)
{
var regExpression= /^[a-zA-Z0-9_}{+\-_]+(\.[a-zA-Z0-9_}{+\-_]+)*@[a-zA-Z0-9\-\.]*[a-zA-Z0-9](\.[a-zA-Z0-9\.\-]*[a-zA-Z0-9\.])*[\.][a-zA-Z]{2,4}$/;
var result = regExpression.test(Mail);
return result;
}

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<form action="index.php" method="post">
Nom: <input type="text" name="nom" id="nom" /><br>
Montant:<input type="text" name="montant" id="montant" />
Email<input type="text" name="mail" id="mail" />
<input type="submit" value="envoyer" onclick="verification(this);" />
</form>

**E.Bzz** · 15/12/2008, 17h42

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="submit" value="envoyer" onclick="verification(this);" />

La méthode initiale était pourtant la bonne.

Le problème doit être ailleurs ...

A+

**RomainVALERI** · 15/12/2008, 17h50

Envoyé par des3er

tout fonctionne à merveille sauf quand je clique sur valider des fois si j'ai du caractèrs dans le champ nom ça me ré affiche le popup veuillez entrer des caractères

le problème ne se pose pas à chaque fois ?
Je demande ça, non seulement parce que ta formulation (même approximative) le suggère, mais aussi parce que la regexp utilisée dans isAlpha me parait interdire pas mal de caractères quand même... alors dis-nous précisément ce que tu as testé : ce qui passe et ce qui ne passe pas ^^

**Bovino** · 16/12/2008, 11h04

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var regExpression= /^[a-zA-Z-éèêëùç]*$/gi;

Ta regexp n'est pas bonne, il y a un '-' de trop.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var regExpression= /^[a-zA-Zéèêëùç]*$/gi;

voire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var regExpression= /^[a-zA-Z\-éèêëùç]*$/gi;

si tu veux autoriser le tiret.

Validation formulaire Javascript & firefox 3

JavaScript

Discussions similaires

Partager

Partager