Rechercher : dans
Par :

Desactiver la touche ENTER pour un formulaire

Dernière réponse le 9 jan 2008 à 18:26:51 Mnu, le 20 nov 2001 à 13:57:49 
 Signaler ce message aux modérateurs

Bonjour,

J'aimerais savoir s'il est possible d'eviter qu'un formulaire soit envoye accidentellement lorsqu'on presse la touche ENTER.

A priori, il doit y avoir un moyen en Javascript, mais je ne sais pas lequel (et c'est ca le probleme)...

Merci d'avance

Meilleures réponses pour « Desactiver la touche ENTER pour un formulaire » dans :
Désactiver la touche Windows VoirSur la plupart des claviers informatiques, se trouve une touche nommée Windows. Elle est située généralement entre la touche et la touche en bas à gauche du clavier. Utilisation générale Désactiver la touche...
Désactiver/Réactiver le TouchPad VoirSur les ordinateurs portables, il se peut que votre TouchPad soit désactivé sans raison apparente. Pour le réactiver, essayez dans un premier temps de redémarrer votre PC. Si ça ne donne rien, alors essayez ceci : Il faut que le pilote et le...
Touche Fn bloquée VoirVotre ordinateur portable écrit des chiffres au lieu des lettres lorsque vous appuyez sur le clavier et vous être obligés d'appuyer sur la touche Fonction (Fn) pour écrire normalement ? Vous avez dû activer par erreur le verrouillage numérique....
Exécuter une macro VoirExécuter une macro Excel et Calc proposent plusieurs façons d’exécuter une macro : en la sélectionnant dans une liste, dans la boîte de dialogue Macro ; par un raccourci clavier ; en l’attachant à un bouton de la barre d’outils ; ...

2

Bobinours, le 20 nov 2001 à 16:39:16
  • +4

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

3

patatesaulard, le 18 nov 2007 à 18:16:59
  • +2

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

4

Toto, le 3 jan 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

glad667, le 9 jan 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 9 jan 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