Discussion :

[DevStage]

Bonjour,
je développe actuellement un formulaire pour un site d'une société pour laquelle je travaille.
J'ai réalisé un contrôle de saisie en javascript, mais si celui-ci fonctionne correctement sous firefox, il ne fonctionne pas sous ie.
pouvez-vous m'aider?

La fonction javascript:

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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
function csaisie(){
	if(document.tirage.namai.value.length < 1)
	{
		alert('Vous devez saisir votre nom!');
		exit;
	}
	if(document.tirage.firstname.value.length < 1)
	{
		alert('Vous devez saisir votre prénom!');
		exit;
	}
	if(document.tirage.school.value.length < 1)
	{
		alert('Vous devez saisir le nom de votre établissement scolaire!');
		exit;
	}
	if(document.tirage.class.value.length < 1)
	{
		alert('Vous devez saisir votre classe!');
		exit;
	}
	if(document.tirage.telnum.value.length < 1)
	{
		alert('Vous devez saisir votre numéro de téléphone!');
		exit;
	}
	if(document.tirage.m1.value.length < 1)
	{
		alert('Vous devez saisir 5 adresses email!');
		exit;
	}
	if(document.tirage.m2.value.length < 1)
	{
		alert('Vous devez saisir 5 adresses email!');
		exit;
	}
	if(document.tirage.m3.value.length < 1)
	{
		alert('Vous devez saisir 5 adresses email!');
		exit;
	}
	if(document.tirage.m4.value.length < 1)
	{
		alert('Vous devez saisir 5 adresses email!');
		exit;
	}
	if(document.tirage.m5.value.length < 1)
	{
		alert('Vous devez saisir 5 adresses email!');
		exit;
	}
	if(document.tirage.m1.value.indexOf('@') > 0)
	{
		n = document.tirage.m1.value.indexOf('@');
		if(document.tirage.m1.value.indexOf('.', n) < 0)
		{
			alert('L\'email n\'est pas valide!');
			exit;
		}
	}
	else
	{
		alert('L\'email n\'est pas valide!');
		exit;
	}
	if(document.tirage.m2.value.indexOf('@') > 0)
	{
		n = document.tirage.m2.value.indexOf('@');
		if(document.tirage.m2.value.indexOf('.', n) < 0)
		{
			alert('L\'email n\'est pas valide!');
			exit;
		}
	}
	else
	{
		alert('L\'email n\'est pas valide!');
		exit;
	}
	if(document.tirage.m3.value.indexOf('@') > 0)
	{
		n = document.tirage.m3.value.indexOf('@');
		if(document.tirage.m3.value.indexOf('.', n) < 0)
		{
			alert('L\'email n\'est pas valide!');
			exit;
		}
	}
	else
	{
		alert('L\'email n\'est pas valide!');
		exit;
	}
	if(document.tirage.m4.value.indexOf('@') > 0)
	{
		n = document.tirage.m4.value.indexOf('@');
		if(document.tirage.m4.value.indexOf('.', n) < 0)
		{
			alert('L\'email n\'est pas valide!');
			exit;
		}
	}
	else
	{
		alert('L\'email n\'est pas valide!');
		exit;
	}
	if(document.tirage.m5.value.indexOf('@') > 0)
	{
		n = document.tirage.m5.value.indexOf('@');
		if(document.tirage.m5.value.indexOf('.', n) < 0)
		{
			alert('L\'email n\'est pas valide!');
			exit;
		}
	}
	else
	{
		alert('L\'email n\'est pas valide!');
		exit;
	}
	document.tirage.submit();
}

le code html:

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
<form name="tirage" action="invite.php" method=POST>
<table>
<tr><td colspan="2"><b>&Eacute;tape 1</b>: Entrez vos coordonn&eacute;es pour participer au tirage au sort</td></tr>
<tr>
<td>Nom:*</td><td><input type="text" name="namai" id="na" size="30" /></td>
</tr>
<tr>
<td>Pr&eacute;nom:*</td><td><input type="text" name="firstname" id="p" size="30" /></td>
</tr>
<tr>
<td>&Eacute;tablissement:*</td><td><input type="text" name="school" id="et" size="40" /></td>
</tr>
<tr>
<td>Classe:*</td><td><input type="text" name="class" id="cl" size="30" /></td>
</tr>
<tr>
<td>T&eacute;l&eacute;phone:*</td><td><input type="text" name="telnum" id="tel" /></td>
</tr>
<tr><td colspan="2"><b>&Eacute;tape 2</b>: Entrez les adresses email de vos amis pour leur envoyer le message ci - dessous</td></tr>
<tr>
<td></td><td><input type="text" name="m1" id="m1" size="30" /></td>
</tr>
<tr>
<td></td><td><input type="text" name="m2" id="m2" size="30" /></td>
</tr>
<tr>
<td>Emails:*</td><td><input type="text" name="m3" id="m3" size="30"/></td>
</tr>
<tr>
<td></td><td><input type="text" name="m4" id="m4" size="30" /></td>
</tr>
<tr>
<td></td><td><input type="text" name="m5" id="m5" size="30" /></td>
</tr>
</table>
<div align="center"><input type="button" value="Envoyer" onclick="csaisie();" /></div>
<br />*Champs obligatoires.
</form>

Merci d'avance!

[E.Bzz]

Bonjour,
dans la fonction remplace les exit par des "return false;" et remplace la dernière ligne de la fonction par un "return true;".

Tu pourras ensuite modifier ton form :

Code :

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

1
2
3
<form name="tirage" action="invite.php" method="POST" onsubmit="return csaisie();">
...
<input type="submit" value="Envoyer" />

A+

[E.Bzz]

... et mieux vaudrait utiliser la syntaxe

Code :

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

document.forms['tirage'].elements['namai'].value.length

(exemple de la 1° instruction)

Cette syntaxe est plus "récente", et en pratique plus facile à gérer ...

A+

[DevStage]

ça fontionne toujours correctement sur firefox mais sous ie la fonction n'est pas prise en compte.
@+

[SpaceFrog]

avec un return true ou false dans la fonction

[E.Bzz]

On peut voir le code modifié ?
Ca tient des fois à peu de choses ...

A+

[DevStage]

Cette fois ça fonctionne correctement.
Merci pour votre aide.

[E.Bzz]

Cette fois ça fonctionne correctement.

Pour info, il manquait quoi ??

A+

[SpaceFrog]

le return true ou false

[DevStage]

Pour info, il manquait quoi ??

A+

En fait j'avais mal recopié la synthaxe que tu m'a conseillé d'utiliser.

[E.Bzz]

le return true ou false

Ou alors il avait laissé la dernière ligne au lieu de la remplacer

dans la fonction remplace les exit par des "return false;" et remplace la dernière ligne de la fonction par un "return true;"

Bref ...

A+

[E.Bzz]

En fait j'avais mal recopié la synthaxe que tu m'a conseillé d'utiliser.

Ah OK, merci de la précision
Erreur collatérale, donc ...

A+