Discussion :

[tonymx15]

Bonjour à tous,

j'ai un petit soucis lors de la vérification d'un input de type text en javascript. Je voudrais que en cliquant sur le submit ma fonction javascript vérifie si le nom est correcte ou pas, si il est correcte elle effectue l'action, sinon elle reste sur la page actuelle puis elle ajoute un backgroundColor à l'input...

Est-possible ?

j'ai essayé avec ce code mais au chargement les styles affectés s'enlève...

Code :

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

1
2
3
4
5
 
<form method="post" action="index.php" name="form1" onSubmit="verrif();">
<input type="text" name="w" />
<input type="submit" value="Saveeee"/>
</form>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function verrif(){
	var a = document.form1.w.value ;
	if ( a == 'toto' ){
		alert("bon") ;
	}else{
		//alert("pas bon");
		document.form1.w.value = "change saaaa"
		document.form1.w.color="red";
	}
}

[E.Bzz]

Bonjour,

Code :

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

onSubmit="return verrif();"

avec

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function verrif(){
	var a = document.form1.w.value ;
	if ( a == 'toto' ){
		alert("bon") ;
                return true;
	}else{
		//alert("pas bon");
		document.form1.w.value = "change saaaa"
		document.form1.w.color="red";
                return false;
	}
}

Mais attention : JavaScript est très sensible à l'orthographe

verrif()

A+

[tonymx15]

Merci, alors si j'ai bien compris le faites de retourner empêche le chargement de la page si le booléen retourne "faux" ?

[E.Bzz]

Plus exactement, si le onsubmit renvoie true, le form est envoyé. S'il renvoie false, le submit est annulé.
Le return dans le onsubmit récupère et transmets le retour de la fonction.

A+

[tonymx15]

D'accord et si mon action est sur une autre page, genre "rep.php" et que je veux que si il renvoie faux il reste sur index.php et si il renvoie vraie il charge la page "rep.php" ...

Possible ?

[E.Bzz]

Possible ?

Pareil

A+

[tonymx15]

Ok, merci !

[SpaceFrog]

vois aussi
http://www.developpez.net/forums/d94...mp-formulaire/