fonction javascript qui return toujours true

**rockt13** · 20/01/2010, 21h31

Bonjour,
j'ai un formulaire html, et un fonction javascript pour vérifier le contenu.
Le probleme c'est que ma fonction javascript renvoi tjrs "true" alors que je met return false.
Mon form ressemble à ca :

Code :

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

1
2
3
4
5
6
 
<FORM name="formulaire" ACTION="index.php?p=valid_inscription" METHOD="POST" onsubmit="return validInscription();">
..
..
<input style="border:1px solid #ff00c6; background-color:#8a0068; color:#fcf;" type="submit" name="valider" value="Valider votre inscription"  >
</form>

Et voici ma fonction js:

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
 
function validInscription()
{
 
	alert("false");
 
 
	if($F('pseudo').length < 2)
	{
		$("result_name").innerHTML="<span class='red'>Le pseudo est invalide car trop court</span>";
		$("pseudo").focus;
		return false;
	}
 
	if($F('pass1').length == 0 || $F('pass2').length == 0)
	{
 
		$("result_pass").innerHTML="<span class='red'>Vous devez saisir 2 fois le meme mot de passe</span>";
		$("pass1").focus;
		$("pass1").innerHTML='';
		$("pass2").innerHTML='';
		return false;
	}
			return false;
	if($F('pass1') != $F('pass2'))
	{
		$("result_pass").innerHTML="<span class='red'>Vous avez saisi 2 pass diff&eacute;rents</span>";
		$("pass1").focus;
		$("pass1").innerHTML='';
		$("pass2").innerHTML='';
		return false;
	}
	if($F('age')<18)	
	{
 
		$("result_age").innerHTML="<span class='red'>Vous devez etre majeur pour vous inscrire sur ce site</span>";
		$("age").focus;
		return false;
	}
	if($('sexe_m').checked==false && $('sexe_f').checked==false)
	{
 
		$("result_sex").innerHTML="<span class='red'>Choisissez votre sex</span>";
		//$("nickname").focus;
		return false;
	}
	if(!document.getElementById('id_47').checked)
	{
 
		$("result_charte").innerHTML="<span class='red'>Vous devez accepter la charte</span>";
		document.formulaire.id_47.focus();
		return false;
	}
return false;
 
 
}

Si je saisi un champ valide dans pseudo donc >2 caract, le formulaire est submité...
pourtant j'ai des return false de partout..
une idée?
merci d'avance

**gwyohm** · 20/01/2010, 21h43

Bonsoir,

C'est quand tu saisis une valeur de longueur < 2 dans pseudo que tu as le problème ?

tu as importé la librairie prototype.js ?

tu as bien un et un seul champ d'id pseudo, une et une seule div d'id result_name

remarque il faut les parenthèses à focus (mais ce n'est pas le probleme je pense)

**rockt13** · 20/01/2010, 22h05

Bonsoir,

C'est quand tu saisis une valeur de longueur < 2 dans pseudo que tu as le problème ?
Si c'est inférieur à 2 le texte en rouge s'écrit bien, mais le form est quand même envoyé.
tu as importé la librairie prototype.js ?
Oui
<script type="text/javascript" src="./js/prototype-1.6.0.2.js"></script>

tu as bien un et un seul champ d'id pseudo, une et une seule div d'id result_name
oui.

J'ai modifié ma fonction avec des alerts pour avoir un retour

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
function validInscription()
{
	var send=false;


	
	if($F('pseudo').length < 2)
	{
		$("result_name").innerHTML="<span class='red'>Le pseudo est invalide car trop court</span>";
		$("pseudo").focus;
		alert("ici1");
	}
	else
	{
		alert("ici2");
		return false;
	}
alert("ici_bis = "+send);
	if($F('pass1').length == 0 || $F('pass2').length == 0)
	{

		$("result_pass").innerHTML="<span class='red'>Vous devez saisir 2 fois le meme mot de passe</span>";
		$("pass1").focus;
		$("pass1").innerHTML='';
		$("pass2").innerHTML='';
		alert("ici3");
	}
alert("ici4");
.....
}

Et j'ai ceci: lorsque je valide le formulaire entièrement vide:
alert: ici1
alert: ici_bis = false
<== et la plus rien et le formulaire est envoyé...

**gwyohm** · 20/01/2010, 22h16

Alors comme tu as mis d'autres alertes et que tu ne les a pas, on sait qu'il y a une erreur là dedans

Code :

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

1
2
3
4
5
6
7
8
9
10
11
alert("ici_bis = "+send);
	if($F('pass1').length == 0 || $F('pass2').length == 0)
	{
 
		$("result_pass").innerHTML="<span class='red'>Vous devez saisir 2 fois le meme mot de passe</span>";
		$("pass1").focus;
		$("pass1").innerHTML='';
		$("pass2").innerHTML='';
		alert("ici3");
	}
alert("ici4");

et l'erreur c'est que les input password n'ont pas de propriété innerHTML mais value !

**rockt13** · 20/01/2010, 22h20

J'ai modifié les innerHtml en value pour les password.
et les focus en focus()

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
 
function validInscription()
{
	var send=false;
 
	if($F('pseudo').length < 2)
	{
		$("result_name").innerHTML="<span class='red'>Le pseudo est invalide car trop court</span>";
		$("pseudo").focus();
		alert("ici1");
	}
	else
	{
		alert("ici2");
		//return false;
	}
alert("ici_bis = "+send);
	if($F('pass1').length == 0 || $F('pass2').length == 0)
	{
 
		$("result_pass").innerHTML="<span class='red'>Vous devez saisir 2 fois le meme mot de passe</span>";
		$("pass1").focus();
		$("pass1").value='';
		$("pass2").value='';
		alert("ici3");
	}
alert("ici4");
	if($F('pass1') != $F('pass2'))
	{
		$("result_pass").innerHTML="<span class='red'>Vous avez saisi 2 pass diff&eacute;rents</span>";
		$("pass1").focus();
		$("pass1").value='';
		$("pass2").value='';
alert("ici5");
	}
	if($F('age')<18)	
	{
 
		$("result_age").innerHTML="<span class='red'>Vous devez etre majeur pour vous inscrire sur ce site</span>";
		$("age").focus();
 
	}
	if($('sexe_m').checked==false && $('sexe_f').checked==false)
	{
 
		$("result_sex").innerHTML="<span class='red'>Choisissez votre sex</span>";
		//$("nickname").focus;
 
	}
	if(!document.getElementById('id_47').checked)
	{
 
		$("result_charte").innerHTML="<span class='red'>Vous devez accepter la charte</span>";
		document.formulaire.id_47.focus();
 
	}
	alert("return send= "+send);
return send;
 
 
}

Mais la fonction sumbit le form entièrement vide toujours après ici_bis
Que je mette ou pas un pseudo d'ailleur il l'envoi dans tous les cas.

**gwyohm** · 20/01/2010, 22h29

pass1 et pass2 sont bien des ids de champs (pas les noms) ?
Tu peux poster ton formulaire complet ?

fonction javascript qui return toujours true

JavaScript

Vue hybride

Discussions similaires

Partager

Partager