Discussion :

[MetalHead]

Bonjour,

Je viens à vous parce que j'ai un petit problème que je n'arrive pas à résoudre, malgré la journée complète d'hier à fouiller les forums et le web.

J'ai un formulaire sur une page, et je voudrais désactiver le submit par la touche Entrée. J'ai trouvé quelque part sur le web la solution : onkeypress sur chaque input, pour appeler cette fonction (copiée telle quelle de ma source) :

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
function refuserToucheEntree(event)
{
    // Compatibilité IE / Firefox
    if(!event && window.event) {
        event = window.event;
    }
    // IE
    if(event.keyCode == 13) {
        event.returnValue = false;
        event.cancelBubble = true;
    }
    // DOM
    if(event.which == 13) {
        event.preventDefault();
        event.stopPropagation();
    }
}

Cette fonction marche parfaitement bien sur IE, Firefox et Opera, mais pas sur Chrome (je n'ai pas encore pu tester sur Safari). En rajoutant un alert() au début de ma fonction, je me rends compte qu'elle n'y est pas du tout appelée, c'est donc le onkeypress qui ne fonctionne pas. J'ai essayé en remplaçant onkeypress par onkeydown et onkeyup, et n'ai constaté aucun changement.

Je précise que je suis un étudiant en stage, et que je n'ai jamais fait de web à l'école (un tout petit peu d'HTML et un soupçon de PHP, en fait) ; j'ai écrit mon tout premier script Javascript il y a quelques semaines, en créant le site qu'on m'a demandé.

Est-ce le fonctionnement normal de Chrome, un bug de mon côté ou du côté du navigateur ? Y a-t-il une solution ?

Merci d'avance.

[Kaamo]

Bonjour,

désactiver le submit par la touche Entrée

As-tu envisagé de ne pas mettre de bouton submit mais un bouton "normal" à la place ? Ainsi, il n'y aura pas de soumission lors de l'utilisation de la touche "entrée" dans des champs du formulaire.

[MetalHead]

Merci pour ta réponse.

Je suis en train d'essayer ça. Le problème est que je ne sais pas comment faire le submit au clic de ce bouton. Je viens de lire qu'on pouvait passer par JS, mais qu'on pouvait aussi le faire sans. J'ai essayé sans, et ça ne fonctionne pas, j'ai sans doute oublié quelque chose.

Dans le doute, peut-être peux-tu me dire si l'une des deux méthode est préférable (hormis le fait que le JS peut être désactivé, car de toute façon, s'il est désactivé mon site ne fonctionne pas) ?

Merci.

Edit : J'ai essayé en faisant <button .../>, et le résultat est le même qu'avec le type="submit" quelque soit ce qui remplace les "...", puis avec <input type="button" onclick="fonction()">, mais fonction() n'est jamais appelée, ni par la touche entrée, ni par clic. Je ne sais donc pas comment faire.

Edit 2 : En fait c'est bon, en appelant directement submit() dans la balise submit type="button", ça marche comme je veux. Merci beaucoup.