formulaire et onsubmit()

**maoboy** · 08/06/2007, 15h06

Bonjour,

j ai mon formulaire, et je voudrais en appuyant sur la touche entrée aller dans une fonction javascript pour valider le formulaire, alors j ai pensé à faire ce code:
dans le corps de la page:

Code :

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

1
2
3
4
5
 
<form method="post" action="ligne.php" name="form1" onSubmit="valider(this.form)">
      <input type="hidden" id="zone" size=4 >
      <input type="hidden" id="zone1" size=4> 
</form>

et le script est:

Code :

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

1
2
3
4
5
function valider(formulaire){
       alert("valider");
      formulaire.submit();
 
    }

Mais là rien ne se passe, est ce impossible ou alors il y a une erreur ?

**wwave** · 08/06/2007, 15h53

Bonjour maoboy,

Pour valider un formulaire, tu dois avoir un bouton qui va faire appel à ta fonction javascript valider(formulaire).

La fonction onSubmit de ta balise form est appelée lorsque le formulaire est validé et juste avant d'exécuter l'action (pour toi ligne.php). En aucun cas le fait d'appuyer sur entrée va valider ton formulaire.

Pour ton bouton tu peux faire :

Code :

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

<input type="submit" value"Valider" />

J'espère avoir été claire...

WwAvE

**KiLVaiDeN** · 08/06/2007, 16h06

Petite précision, il me semble que ce que dit wwave est correct, mais en plus dans ton onsubmit tu dois avoir un return true ou false.

Voici le petit script modifié :

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
<html>
<head>
<script>
	function validerMonFormulaire(monFormulaire) {
		// Traiter les éléments du formulaire
		if(monFormulaire.nom != "")
			return true;
		else
			return false;
	}
</script>
</head>
<form method="post" onsubmit="return validerMonFormulaire(this);">
	<input type="text" name="nom" value=""/>
	<input type="submit" name="submit" value="Valider ce formulaire !"/>
</form>
</html>

**maoboy** · 08/06/2007, 19h06

Merci de vos réponses.

Je vais essayer de le faire quand je pourrais.

En tout cas, j'espère pouvoir valider le formulaire en utilisant la touche "entrée", car la souris est utilisée pour modifier du contenu, donc un clic sur le bouton va provoquer une modification non souhaitée.

Je vous redirais quoi.

Encore merci et bonne soirée.

**KiLVaiDeN** · 10/06/2007, 19h24

onsubmit se déclenche à partir du moment ou tu cherches à valider le formulaire, soit par un appui sur entrée, soit par un clic de souris

A+

formulaire et onsubmit()

JavaScript

Discussions similaires

Partager

Partager