Validation de formulaire recherche avec fonction javascript

Version imprimable

Bonjour, je ne connais que très peut javascript.

Pouvez vous me dire ce qui cloche la dessus car je ne comprends pas ce qui va pas...
Merci d'avance.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<link href="../CSS/europ.css" rel="stylesheet" type="text/css">
<div id="search">
<script language="JavaScript" >
	function valider()
	{
		switch(document.recherche.text.value){
 
		case '':
			alert(Mon titre,'Veuillez entrer au moins un caractère dans le champs de recherche s\'il vous plait.');	
		default :
			document.recherche.submit();
	}
</script>
 
<form  name="recherche" action="../recherche.php3" method="get">
  <strong>Rechercher&nbsp;:</strong><br />
  <input type="text" name="recherche" size="15" maxlength="50" />
  <input type="button" class="spip_bouton" value="ok"  onClick="JavaScript:valider();">
</form>
 
</div>

19/01/2006, 09h11
siddh

Code:

alert("Veuillez entrer au moins un caractère dans le champs de recherche s'il vous plait.");

:?:
19/01/2006, 09h27
Cdic

Merci

En fait le probleme est surtout que je enrentre pas dans ma fonction apparement.
Sinon j'ai mis mon titre car j'aimerais que celui ci soit celui de ma fenetre..
19/01/2006, 09h28
siddh

oui ben oublie pour le titre ;)

ensuite, met type='text/javascript' au lieu du language=

et dans ton onclick, vire le javascript:
19/01/2006, 09h31
denisC

Citation:

Envoyé par siddh

et dans ton onclick, vire le javascript:

et rajoute un return false; aussi.

Enfin, le mieux serait de faire en sorte que ta fonction retourne true ou false. Et de la mettre sur le onsubmit :)

Switch

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<link href="../CSS/europ.css" rel="stylesheet" type="text/css">
<div id="search">
 
<script language="text/javascript" >
	function valider()
	{
		switch(document.recherche.text.value)
		{
			case '':
				alert('Veuillez entrer au moins un caractère dans le champs de recherche s\'il vous plait.');	
			default :
				document.recherche.submit();
		}
	}
</script>
 
<form  name="recherche" action="../recherche.php3" method="get">
  <strong>Rechercher&nbsp;:</strong><br />
  <input type="text" name="recherche" size="15" maxlength="50" />
  <input type="button" class="spip_bouton" value="ok"  onClick="valider();">
</form>
 
</div>

Avec l'acolade fermante du switch ca va mieux ;)
Mais ma foncction marche pas

19/01/2006, 09h40
siddh

:oops:
meme pas vu

met type au lieu de language
19/01/2006, 09h54
denisC

Citation:

Envoyé par denisC

Citation:

Envoyé par siddh

et dans ton onclick, vire le javascript:

et rajoute un return false; aussi.

Non, tu as mis un button, donc pas besoin.

Mais la question qui tue:
Si le gars qui regarde ton formulaire, il a pas javascript, il fais comment?

Sérieusement, utilise un bouton submit et fait tes controles sur le onsubmit du formulaire.

Ca va mieux

J'ai modifié ma manière de raisoner.

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
<link href="../CSS/europ.css" rel="stylesheet" type="text/css">
<div id="search">
 
<script type="text/javascript" >
 
	function valider_formulaire()
	{
		if(document.recherche.text.value=="")
		{
				alert('Veuillez entrer au moins un caractère dans le champs de recherche s\'il vous plait.');	
		}else
			{
				document.recherche.submit();
			}
	}
 
</script>
 
<form  name="recherche" action="./recherche.php3" method="post">
  <strong>Rechercher&nbsp;:</strong><br />
  <input type="text" name="recherche" size="15" maxlength="50" />
  <input type="submit" class="spip_bouton" value="ok"  onClick="valider_formulaire();">
</form>
 
</div>

Helas il rentre pas dans ma condition qd mon formulaire est vide....
Il valide systematiquement le formulaire...
Qu'est ce qui cloche dans ma condition ?

19/01/2006, 10h13
siddh

ben un submit il submit einh :D

faut faire retourner true ou flase a ta fonction et mettre l appel sur le onsubmit du form :

Code:

onsubmit="return valider_formualire()"

Re: Ca va mieux

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
<link href="../CSS/europ.css" rel="stylesheet" type="text/css">
<div id="search">
 
<script type="text/javascript" >
 
	function valider_formulaire()
	{
		if(document.recherche.text.value=="")
		{
				alert('Veuillez entrer au moins un caractère dans le champs de recherche s\'il vous plait.');
				return false;
		}
		return true;
	}
 
</script>
 
<form  name="recherche" action="./recherche.php3" method="post">
  <strong>Rechercher&nbsp;:</strong><br />
  <input type="text" name="recherche" size="15" maxlength="50" />
  <input type="submit" class="spip_bouton" value="ok"  onClick="return valider_formulaire()">
</form>
 
</div>

Il ne te reste plus qu'à déplacer ton controle du onclick de ton bouton sur le onsubmit de ton formulaire....

:oops:

je dois vraiment etre tres mauvais alors !

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
<link href="../CSS/europ.css" rel="stylesheet" type="text/css">
<div id="search">
 
<script type="text/javascript" >
 
	function valider_formulaire()
	{
		if(document.recherche.text.value=="")
		{
				alert('Veuillez entrer au moins un caractère dans le champs de recherche s\'il vous plait.');	
				return false ;		
		}else
			{
				return true ;
			}
	}
 
</script>
 
<form  name="recherche" action="./recherche.php3" method="post">
  <strong>Rechercher&nbsp;:</strong><br />
  <input type="text" name="recherche" size="15" maxlength="50" />
  <input type="submit" class="spip_bouton" value="ok"  onsubmit="return valider_formulaire();">
</form>
 
</div>

onsubmit="return valider_formulaire();

--> j'ai essayer ca ca marchait pas non plus !

19/01/2006, 10h52
siddh

dans la balise form le onsubmit !!!