ne pas soumettre le formulaire en appuyant sur "entrer"

**pekka77** · 30/08/2006, 15h36

Bonjour,

Je souhaiterais désactiver la touche Entrée pour un seul champ input de mon formulaire.
J'utilise la touche Entrée pour autre chose et je ne voudrais pas que mon formulaire soit validé... ça a l'air simple mais je rencontre des problèmes lors des événements.

Merci pour votre aide

**pc75** · 30/08/2006, 16h19

Bonjour,

Je suppose que tu as un bouton submit dans ta page ?

Si oui, remplace le par un type button

**pekka77** · 30/08/2006, 16h32

Oui bonne idée, j'y avais pas pensé.
Mais je pense que cela ne marche pas pour un champ input spécifique mais pour tous les champs du formulaire.
A la limite, je veux bien empecher la soumission du formulaire lorsqu'on clique sur Entrée pour nimporte quel champ mais ça m'embete de remplacer l'input submit par un input bouton.
Je suis en fait en train de créer un composant à inclure dans un formulaire donc je ne controle pas le type de bouton pour valider le formulaire.
Par contre je veux bien un script que je peux appeler à partir d'un input afin de bloquer la soumission du formulaire par la touchée Entrée.
J'ai du mal à gérer avec les onKeyUp et Down. La touche Entrée passe tout le tps...

Merci

**pc75** · 30/08/2006, 16h48

Re,

Avec un truc comme ça :

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
 
<script language="javascript">
function Verif()
{
if (condition à faire)
   {
   alert("Erreur");
   }
else
   {
   document.MonFormulaire.action='MaPage.asp';
   document.MonFormulaire.submit();
   }
}
</script>
....
<input type="button" value="Valider" onclick="Verif()">
.....

**SpaceFrog** · 30/08/2006, 16h58

je me demande bien pourquoi on a inventé onsubmit () ?

**pekka77** · 30/08/2006, 17h06

Envoyé par pc75

Re,

Avec un truc comme ça :

Justement ce que je veux c'est ne pas mettre d'input type button....

je me demande bien pourquoi on a inventé onsubmit () ?

ça fait parti des evenements que j'ai du mal à gérer comme je l'ai dit dans mon premier post.
Par ex ce code :

Code :

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

     document.getElementById('champ-texte').form.onSubmit = function() { alert("coucou"); };

devrait afficher "coucou" quand je soumets le formulaire... et bien non! Le formulaire est envoyé sans message!

SpaceFrog tu sais comment je peux faire ?

Pour te dire moi je pensais écrire qqch comme je viens d'ecrire en remplacant le message coucou par un test sur la touche appuyé. Si c'est la touche entrée je renvoie faux. Mais bon ça marche pas je ne sais pas pourquoi...

Code :

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

1
2
3
     document.getElementById('champ-texte').form.onSubmit = function() { 
       if (event.keyCode == 13) return false;
     };

**SpaceFrog** · 30/08/2006, 17h33

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
<script type='text/javascript'>
 
function verif(){
					var retour =(document.forms[0].elements['one'].value.length>0)
					document.forms[0].action=(retour)? "javascript:alert('c\\'est parti');":"javascript:alert('pas bien')";
					document.forms[0].submit();
					}
</script>					
<body>
<form action="" onsubmit="alert();return verif()" >
<input type="text" name='one' />
<input type ="button" onclick='verif()' value="envoyer" />
 
</form>
</body>
 
</html>

ne pas soumettre le formulaire en appuyant sur "entrer"

JavaScript

Vue hybride

Discussions similaires

Partager

Partager