Discussion :

[Cdic]

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 :

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
<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>

[siddh]

Code :

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

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

:

[Cdic]

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..

[siddh]

oui ben oublie pour le titre

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

et dans ton onclick, vire le javascript:

[denisC]

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

[Cdic]

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
<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

[siddh]

meme pas vu

met type au lieu de language

[denisC]

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.

[Cdic]

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

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
<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 ?

[siddh]

ben un submit il submit einh

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

Code :

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

onsubmit="return valider_formualire()"

[denisC]

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
<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....

[Cdic]

je dois vraiment etre tres mauvais alors !

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
<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 !

[siddh]

dans la balise form le onsubmit !!!