Desactiver la touche ENTER pour un formulaire

Bobinours, le mardi 20 novembre 2001 à 16:39:16

+2

La solution la plus simple semble de remplacer le bouton SUBMIT par un <INPUT type="button" onClick="document.nomForm.submit();">

Sinon tu peux également vérifier si la touche ENTREE et appuyer avec "event.keyCode()" si mes souvenir sont bon (ce qui n'est pas sûr).

-= Bobinours=-

Répondre à Bobinours

2

patatesaulard, le dimanche 18 novembre 2007 à 18:16:59

Bonjour,
après pas mal de recherches j'ai conconcté ce petit code js qui peut aider grandement le bon remplissage de formulaires :
son rôle : désactiver une touche selon le champ où se trouve le focus et changer le focus à l'appui de la touche en question
dans le js

var toucheDesac=255; //la touche 255 est inusitée ; touche enter = 13
var focusSuivant="nom"; // le premier champ de formulaire ou n'importe quel id
var gk=window.Event?1:0;

function toucheenter(e) {
var touche=gk?e.which:window.event.keyCode; //pour compatibilité FF IE
if (touche == toucheDesac){
document.getElementById(focusSuivant).focus();
return false;
}
}
document.onkeydown = toucheenter;

dans le formulaire html
affecter un id à chaque input
indiquer le code de la touche à désactiver ainsi que le champ où porter le focus dans les input que l'on veut contrôler;
onFocus="toucheDesac='13';focusSuivant='societe';"
prévoir de réactiver la touche enter dès la perte du focus par ce champ
onBlur="toucheDesac='255';"
par exemple
<input type="text" name="nom" id="nom"
onFocus="toucheDesac='13';focusSuivant='societe';"
onBlur="toucheDesac='255';" >

donc dans le champ "nom" si on appui sur enter on passe au champ société...
et si on quitte le champ avec la souris ou Tab en mettant le focus sur un autre champ sans filtrage de touche (par exemple un textearea) la touche enter (13) est réactivée et fonctionne normalement.

petite contribution mais elle vaut ce qu'elle vaut

Répondre à patatesaulard

3

Toto, le jeudi 3 janvier 2008 à 10:36:16

Google c bien!
Mais les sujets contenants le moins de réponses sont souvent dans la premiere page! ... :S
Avec votre contribution vous m'avez vraiment aidé!
Merci!

(aidons un peu Google ;) )

Répondre à Toto

4

glad667, le mercredi 9 janvier 2008 à 11:53:32

Bonjour , j ai vu ton bout de code pour empecher que la touche entrée valide toute seule les formulaires, il m a l air vraiment bien, j ai juste une question qui me turlupine, dans ton code il y a " onClick="document.nomForm.submit() " J aimerai savoir a quoi correspond nomFrom, faut t i l donner un ID au formulaire? et si oui comment?
Merci beaucoup pour ces infos en esperant que de voir de tel code si bien fait sera une habitude pour le net.
MErci
greg

Répondre à glad667

5

patatesaulard, le mercredi 9 janvier 2008 à 18:26:51

Bonjour,
nomForm = nom que tu attribut à ton formulaire
<form name="nomForm" ou <form name="formulaire_contact"
à noter que cette méthode (submit sur onclick) rend le formulaire inopérant pour les visiteurs qui ont désactivé leur javascript (avec ses avantages et ses inconvéniants)

Répondre à patatesaulard