fonction de vérification formulaire inefficace

Version imprimable

Bonjour,

Bon j'ai cherché sur Googlo, sur la faq... Mais je ne trouve pas de réponse.
Mon problème est que lorsque je dois envoyé mon formulaire mailto:votreadresse@votredomaine.fr et bien... outlook s'ouvre sans passer par ma fonction 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
<form name = "contact" method = "post" enctype = "text/plain" action = "mailto:adresse@domaine.com" onSubmit = "verifier_formulaire_contact()">
	<div id = "contact_label">
		<label for = "Société">
			_ Société :
		</label>
		<input name = "Société" type = "text" id = "Société" size = "20" />
		<br />
		<label for = "Nom">
			_*Nom :
		</label>
		<input name = "Nom" type = "text" id = "Nom" size = "20" />
		<br />
		<label for = "Prénom">
			_*Prénom :
		</label>
		<input name = "Prénom" type = "text" id = "Prénom" size = "20" />
		<br />
		<label for = "E-Mail">
			_*E-Mail :
		</label>
		<input name = "E-Mail" type = "text" id = "E-Mail" size = "20" />
		<br />
		<label for = "Téléphone">
			_*Téléphone :
		</label>
		<input name = "Téléphone" type = "text" id = "Téléphone" size = "20" />
		<br />
		<label for = "Fax">
			_ Fax :
		</label>
		<input name = "Fax" type = "text" id = "Fax" size = "20" />
		<br />
		<label for = "Adresse">
			_ Adresse :
		</label>
		<input name = "Adresse" type = "text" id = "Adresse" size = "20" />
		<br />
		<label for = "Code_Postal">
			_ Code Postal :
		</label>
		<input name = "Code_Postal" type = "text" id = "Code_Postal" size = "20" />
		<br />
		<label for = "Ville">
			_ Ville :
		</label>
		<input name = "Ville" type = "text" id = "Ville" size = "20" />
		<br />
		<label for = "Pays">
			_ Pays :
		</label>
		<input name = "Pays" type = "text" id = "Pays" value = "France" size = "20" />
	</div>
	<div>
		_*Merci de préciser votre demande :
		<br />
		<textarea name = "Question" rows = "12" cols = "100" wrap = "VIRTUAL"></textarea>
		<br />
	    <input name = "Effacer" type = "reset" value = "Effacer" />
	    <input name = "Envoyer" type = "submit" value = "Envoyer" />
	  </div>
</form>

et dans le head de ma feuille j'ai:

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
		<script type="text/javascript">
			<!--
				function verifier_formulaire_contact()
				{
					if(document.formulaire.Nom.value == "") 
					{
						alert("Veuillez entrer votre nom.");
						document.formulaire.Nom.focus();
						return false;
					}
					if(document.formulaire.Prénom.value == "") 
					{
						alert("Veuillez entrer votre prénom.");
						document.formulaire.Prénom.focus();
						return false;
					}
					if(document.formulaire.E-Mail.value == "") {
						alert("Veuillez entrer votre adresse électronique!");
						document.formulaire.E-Mail.focus();
						return false;
					}
					if(document.formulaire.E-Mail.value.indexOf('@') == -1) {
						alert("Ce n'est pas une adresse électronique!");
						document.formulaire.E-Mail.focus();
						return false;
					}
					if(document.formulaire.Téléphone.value == "") 
					{
						alert("Veuillez entrer votre numéro de téléphone.");
						document.formulaire.Téléphone.focus();
						return false;
					}
					if(document.formulaire.Téléphone.value.length != 10)
					{ 
						alert ("Le numéro de téléphone doit comporter 10 chiffres."); 
						document.formulaire.Téléphone.focus();
						return false; 
					}
					var chkZ = 1;
					for(i = 0;i < document.formulaire.age.value.length;++i)
					if(document.formulaire.age.value.charAt(i) < "0"
					|| document.formulaire.age.value.charAt(i) > "9")
					chkZ = -1;
					if(chkZ == -1) 
					{
						alert("Ce n'est pas un numéro de téléphone.");
						document.formulaire.age.focus();
						return false;
					}
 
					if(document.formulaire.Question.value == "") 
					{
						alert("Veuillez tapez votre requête.");
						document.formulaire.Question.focus();
						return false;
					}
				}
			//-->
		</script>

Mais je n'arrive pas à le faire fonctionner...S'il y avait une âme charitable ;)

28/05/2007, 16h25
Bisûnûrs

Code:

onSubmit = "return verifier_formulaire_contact()"
28/05/2007, 17h07
Deallyra

:oops: merci bisûnûrs...
Je n'avais pas vu.
cependant, j'ai toujours mon problème...:cry:
28/05/2007, 17h17
Bisûnûrs

Heu, évite les accents dans les name et les id. :/
28/05/2007, 17h23
Deallyra

il va falloir que je change ça oui...
Mais, ce n'est pas à cause du troisième champ "prénom" que les deux autres ne sont pas vérifiés?
28/05/2007, 17h26
Bisûnûrs

Certainement, les accents ne sont pas permis en Javascript sauf pour les chaînes, ce qui fait que tu as une erreur Javascript et ton navigateur passe outre ce script, donc ne le vérifie pas.
29/05/2007, 09h59
Deallyra

tout les accents sont supprimés... mais le code js ne passe toujours pas.
29/05/2007, 10h14
Bisûnûrs

Je peux avoir ton nouveau code ?

Bien sûr :)

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
<form name = "contact" method = "post" enctype = "text/plain" action = "mailto:info@borg-services.com" onSubmit = "return verifier_formulaire_contact()">
	<div id = "contact_label">
		<label for = "Societe">
			_ Société :
		</label>
		<input name = "Societe" type = "text" id = "Societe" size = "20" />
		<br />
		<label for = "Nom">
			_*Nom :
		</label>
		<input name = "Nom" type = "text" id = "Nom" size = "20" />
		<br />
		<label for = "Prenom">
			_*Prénom :
		</label>
		<input name = "Prenom" type = "text" id = "Prenom" size = "20" />
		<br />
		<label for = "E-Mail">
			_*E-Mail :
		</label>
		<input name = "E-Mail" type = "text" id = "E-Mail" size = "20" />
		<br />
		<label for = "Telephone">
			_*Téléphone :
		</label>
		<input name = "Telephone" type = "text" id = "Telephone" size = "20" />
		<br />
		<label for = "Fax">
			_ Fax :
		</label>
		<input name = "Fax" type = "text" id = "Fax" size = "20" />
		<br />
		<label for = "Adresse">
			_ Adresse :
		</label>
		<input name = "Adresse" type = "text" id = "Adresse" size = "20" />
		<br />
		<label for = "Code_Postal">
			_ Code Postal :
		</label>
		<input name = "Code_Postal" type = "text" id = "Code_Postal" size = "20" />
		<br />
		<label for = "Ville">
			_ Ville :
		</label>
		<input name = "Ville" type = "text" id = "Ville" size = "20" />
		<br />
		<label for = "Pays">
			_ Pays :
		</label>
		<input name = "Pays" type = "text" id = "Pays" value = "France" size = "20" />
	</div>
	<div>
		_*Merci de préciser votre demande :
		<br />
		<textarea name = "Question" rows = "12" cols = "100" wrap = "VIRTUAL"></textarea>
		<br />
	    <input name = "Effacer" type = "reset" value = "Effacer" />
	    <input name = "Envoyer" type = "submit" value = "Envoyer" />
	</div>
</form>

et dans le head:

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
		<script type="text/javascript">
			<!--
				function verifier_formulaire_contact()
				{
					if(document.formulaire.Nom.value == "") 
					{
						alert("Veuillez entrer votre nom.");
						document.formulaire.Nom.focus();
						return false;
					}
					if(document.formulaire.Prenom.value == "") 
					{
						alert("Veuillez entrer votre prénom.");
						document.formulaire.Prenom.focus();
						return false;
					}
					if(document.formulaire.E-Mail.value == "") {
						alert("Veuillez entrer votre adresse électronique!");
						document.formulaire.E-Mail.focus();
						return false;
					}
					if(document.formulaire.E-Mail.value.indexOf('@') == -1) {
						alert("Ce n'est pas une adresse électronique!");
						document.formulaire.E-Mail.focus();
						return false;
					}
					if(document.formulaire.Telephone.value == "") 
					{
						alert("Veuillez entrer votre numéro de téléphone.");
						document.formulaire.Telephone.focus();
						return false;
					}
					if(document.formulaire.Telephone.value.length != 10)
					{ 
						alert ("Le numéro de téléphone doit comporter 10 chiffres."); 
						document.formulaire.Telephone.focus();
						return false; 
					}
					var chkZ = 1;
					for(i = 0;i < document.formulaire.Telephone.value.length;++i)
					if(document.formulaire.Telephone.value.charAt(i) < "0"
					|| document.formulaire.Telephone.value.charAt(i) > "9")
					chkZ = -1;
					if(chkZ == -1) 
					{
						alert("Ce n'est pas un numéro de téléphone.");
						document.formulaire.Telephone.focus();
						return false;
					}
					if(document.formulaire.Question.value == "") 
					{
						alert("Veuillez tapez votre requête.");
						document.formulaire.Question.focus();
						return false;
					}
				}
			//-->
		</script>

29/05/2007, 10h25
Bisûnûrs
Ben document.formulaire ne vaut rien donc c'est normal.

Je te conseille d'utiliser les id pour vérifier tes formulaires et non pas une syntaxe fausse et obsolète :
Code:

1 2 3 4 5 6 if(document.getElementById('Nom').value == "") { alert("Veuillez entrer votre nom."); document.getElementById('Nom').focus(); return false; }
29/05/2007, 11h02
Deallyra

Merci Bisûnûrs... :applo:
Ca marche maintenant.
Donc c'est obselète pour les mailto et en plus, ça ne marche pas.
J'aurais peut être vu le problème plus tôt si ça n'avat pas marché pour mes autres formulaires...
29/05/2007, 11h05
E.Bzz

Citation:

Envoyé par MimiCracra44

Donc c'est obselète pour les mailto et en plus, ça ne marche pas.

Non : c'est obsolète tout court (dans tous les cas), mais il n'y a que sur ton mailto que c'était bloquant ...
29/05/2007, 11h06
Deallyra

Oui... que le mailto.

J'ai crié victoire trop vite :cry:
J'avais juste fait le test sur le prénom et ça marchait mais là, je n'ai plus rien comme avant.

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
<form name = "contact" method = "post" enctype = "text/plain" action = "mailto:info@borg-services.com" onSubmit = "return verifier_formulaire_contact()">
	<div id = "contact_label">
		<label for = "Societe">
			_ Société :
		</label>
		<input name = "Societe" type = "text" id = "Societe" size = "20" />
		<br />
		<label for = "Nom">
			_*Nom :
		</label>
		<input name = "Nom" type = "text" id = "Nom" size = "20" />
		<br />
		<label for = "Prenom">
			_*Prénom :
		</label>
		<input name = "Prenom" type = "text" id = "Prenom" size = "20" />
		<br />
		<label for = "E-Mail">
			_*E-Mail :
		</label>
		<input name = "E-Mail" type = "text" id = "E-Mail" size = "20" />
		<br />
		<label for = "Telephone">
			_*Téléphone :
		</label>
		<input name = "Telephone" type = "text" id = "Telephone" size = "20" />
		<br />
		<label for = "Fax">
			_ Fax :
		</label>
		<input name = "Fax" type = "text" id = "Fax" size = "20" />
		<br />
		<label for = "Adresse">
			_ Adresse :
		</label>
		<input name = "Adresse" type = "text" id = "Adresse" size = "20" />
		<br />
		<label for = "Code_Postal">
			_ Code Postal :
		</label>
		<input name = "Code_Postal" type = "text" id = "Code_Postal" size = "20" />
		<br />
		<label for = "Ville">
			_ Ville :
		</label>
		<input name = "Ville" type = "text" id = "Ville" size = "20" />
		<br />
		<label for = "Pays">
			_ Pays :
		</label>
		<input name = "Pays" type = "text" id = "Pays" value = "France" size = "20" />
	</div>
	<div>
		_*Merci de préciser votre demande :
		<br />
		<textarea name = "Question" rows = "12" cols = "100" wrap = "VIRTUAL"></textarea>
		<br />
	    <input name = "Effacer" type = "reset" value = "Effacer" />
	    <input name = "Envoyer" type = "submit" value = "Envoyer" />
	</div>
</form>

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
		<script type="text/javascript">
			<!--
				function verifier_formulaire_contact()
				{
					if(document.getElementById('Nom').value == "") 
					{
						alert("Veuillez entrer votre nom.");
						document.getElementById('Nom').focus();
						return false;
					}
					if(document.getElementById('Prenom').value == "") 
					{
						alert("Veuillez entrer votre prénom.");
						document.getElementById('Prenom').focus();
						return false;
					}
					if(document.getElementById('E-Mail').value == "") {
						alert("Veuillez entrer votre adresse électronique!");
						document.getElementById('E-Mail').focus();
						return false;
					}
					if(document.getElementById('E-Mail').value.indexOf('@') == -1) {
						alert("Ce n'est pas une adresse électronique!");
						document.getElementById('E-Mail').focus();
						return false;
					}
					if(document.getElementById('Telephone').value == "") 
					{
						alert("Veuillez entrer votre numéro de téléphone.");
						document.getElementById('Telephone').focus();
						return false;
					}
					if(document.getElementById('Telephone').value.length != 10)
					{ 
						alert ("Le numéro de téléphone doit comporter 10 chiffres."); 
						document.getElementById('Telephone').focus();
						return false; 
					}
					var chkZ = 1;
					for(i = 0;i < document.getElementById('Telephone.value.length;++i)
					if(document.getElementById('Telephone').value.charAt(i) < "0"
					|| document.getElementById('Telephone').value.charAt(i) > "9")
					chkZ = -1;
					if(chkZ == -1) 
					{
						alert("Ce n'est pas un numéro de téléphone.");
						document.getElementById('Telephone').focus();
						return false;
					}
					if(document.getElementById('Question').value == "") 
					{
						alert("Veuillez tapez votre requête.");
						document.getElementById('Question').focus();
						return false;
					}
				}
			//-->
		</script>

29/05/2007, 11h16
E.Bzz

Code:

for(i = 0;i < document.getElementById('Telephone').value.length;++i)

A+
29/05/2007, 11h21
Deallyra

:oops: ...
Je citerais Naheulbeuk

Citation:

Le Barbare : J'irais bien à l'auberge me taper une grande cruche
Le Nain : Mais on est déjà avec l'Elfe

Merci.
29/05/2007, 11h23
kaiser59
Salut miss amae :D

ton formulaire se nomme "contact" donc il est normale que dès le départ il ne comprennais pas ton script ;)

essaye ceci :
Code:

1 2 3 4 5 6 7 8 9 10 function valider() { if(document.contact.Nom.value == "") { alert("Veuillez entrer votre nom!"); document.inscription.Nom.focus(); return false; } ... }
et dans ton formulaire :

Code:

<form ... onsubmit='return valider();'>

++
29/05/2007, 11h24
E.Bzz

Citation:

Envoyé par MimiCracra44

:oops: ...
Je citerais Naheulbeuk

:lol:
29/05/2007, 11h34
Bisûnûrs
Citation:
Envoyé par kaiser59

Salut miss amae :D

ton formulaire se nomme "contact" donc il est normale que dès le départ il ne comprennais pas ton script ;)

essaye ceci :

Code:

1 2 3 4 5 6 7 8 9 10 function valider() { if(document.contact.Nom.value == "") { alert("Veuillez entrer votre nom!"); document.inscription.Nom.focus(); return false; } ... }

et dans ton formulaire :

Code:

<form ... onsubmit='return valider();'>

++
Pourquoi donner une solution obsolète ?
29/05/2007, 11h37
kaiser59

re

Lorsque j'utilise GetElementById j'ai des problème avec Firefox je sais pas pourquoi alors que cette méthode marche parfaitement pour ie et firefox donc...

++
29/05/2007, 11h37
E.Bzz

Citation:

Envoyé par kaiser59

re

Lorsque j'utilise GetElementById j'ai des problème avec Firefox je sais pas pourquoi alors que cette méthode marche parfaitement pour ie et firefox donc...

++

Code:

getElementById

;)
29/05/2007, 11h38
kaiser59

j'essayerais et je te dirais quoi :D
29/05/2007, 11h41
Bisûnûrs

Il n'y a pas de raison que getElementById() fonctionne "mal" sur Firefox.

Si tu as un exemple je suis curieux de le voir. ^^
29/05/2007, 11h47
Deallyra

;)
Merci à tous.

Au fait,

Konnichiwa, atashi Amane Misa desu

edit : j'ai édité ma faute de japonais
29/05/2007, 12h26
kaiser59

Ce serait pas "desu" prononcé "déss" ?? :D

Pour le moment je peux pas car pas chez moi :D mais je le mettrai le bout de code ;)
29/05/2007, 12h29
Deallyra

si c'est desu...
lol... ça peut pas passer pour un faute de frappe mais c'en est une... j'ai pas du appuyer assez fort sur ce ****** de clavier ;)

Salut,

Voila avec le getElementById mon formulaire ne fonctionne plus avec Firefox
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function valider() { if(document.getElementById('Nom').value == "") { alert("Veuillez entrer votre nom!"); document.inscription.Nom.focus(); return false; } if(document.getElementById('Prenom').value == "") { alert("Veuillez entrer votre prenom!"); document.inscription.Prenom.focus(); return false; } ... }
Code:

1 2 3 4 <form id="form_inscription" action="confirm_inscrit.asp" method="post"> ... <input type="submit" name="valid" id="valid" value="Valider" onclick='valider();' /> </form>
Avant de le mettre en onclick, la fonction valider() été mise dans le form d'où

Code:

<form ...onsubmit="return valider()">

Et j'obtiens le meme résultat càd un formulaire qui ne fonctionne plus sous firefox.
Par contre, si je met la méthode obsolète comme on me dit :D cela fonctionne.

++

30/05/2007, 17h07
E.Bzz

Citation:

Envoyé par kaiser59

Voila avec le getElementById mon formulaire ne fonctionne plus avec Firefox

Tu l'appliques à Nom et Prenom, mais on a rien qui correspond dans le html ...
30/05/2007, 17h09
Deallyra

Tu peux mettre le code de tes inputs? Nom et prénom?

voilou :D

Code:

1
2
3
4
5
6
7
8
9
 
<p>
   <label for="nom" class="oblig">*Nom :</label>
        <input maxlength="30" size="30" name="Nom" tabindex="2" id="nom"/>
</p>
<p>
  <label for="prenom" class="oblig">*Prénom :</label>
        <input maxlength="30" size="30" name="Prenom" tabindex="3" id="prenom"/>
</p>

30/05/2007, 17h19
Bisûnûrs

En même temps :

Code:

document.inscription.Prenom.focus();

Tu le sors d'où ? C'est quoi "inscription" ? Remplace ça aussi par getElementById() ...
30/05/2007, 17h27
kaiser59

Je l'ai remplacé par getElementById cela fonctionne toujours pas sur FF alors que sur IE sa fonctionne nikel :(

Lorsque je regarde la console d'erreur dans Firefox celui ci me dit :
document.getElementById("Nom") has no properties

Qu'entend il parle la :( ??

C'est bon j'ai trouvé mon problème une erreur toute conne mille excuse les élément à l'intérieur du Id ne correspondait pas aux id des input mais aux name :oops:

Merci d'avance ;)