Soumettre un formulaire sur 'Enter' avec jQuery ?

Question

J'ai un formulaire de connexion standard - un champ d'adresse électronique, un champ de mot de passe et un bouton d'envoi - dans un projet AIR qui utilise HTML/jQuery. Lorsque j'appuie sur la touche Entrée du formulaire, tout le contenu du formulaire disparaît, mais le formulaire n'est pas soumis. Quelqu'un sait-il s'il s'agit d'un problème de Webkit (Adobe AIR utilise Webkit pour le HTML), ou si j'ai fait une erreur ?

J'ai essayé :

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
  }
});

Mais cela n'a pas permis d'arrêter le comportement d'effacement, ni de soumettre le formulaire. Il n'y a pas d'action associée au formulaire - cela pourrait-il être le problème ? Puis-je mettre une fonction javascript dans l'action ?

Answer 1

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    //<---- Add this line
  }
});

Consultez cette réponse de stackoverflow : event.preventDefault() vs. return false

Essentiellement, "return false" est la même chose que d'appeler e.preventDefault y e.stopPropagation() .

Answer 2

En plus des faux retours comme l'a mentionné Jason Cohen. Vous devrez peut-être aussi prévenirDefault

e.preventDefault();

Answer 3

Je ne sais pas si cela vous aidera, mais vous pouvez essayer de simuler un clic sur le bouton d'envoi, au lieu de soumettre directement le formulaire. J'ai le code suivant en production, et il fonctionne bien :

    $('.input').keypress(function(e) {
        if(e.which == 13) {
            jQuery(this).blur();
            jQuery('#submit').focus().click();
        }
    });

Note : jQuery('#submit').focus() fait en sorte que le bouton s'anime lorsque l'on appuie sur la touche Entrée.

Answer 4

Retourner à false pour empêcher la frappe de continuer.

Answer 5

Y a-t-il une raison pour laquelle vous devez accrocher et tester la touche Entrée ?

Ne pourriez-vous pas simplement ajouter un

<input type="submit" /> 

à votre formulaire et faire en sorte qu'il soit naturellement soumis lorsqu'on appuie sur la touche Entrée ? Vous pourriez même accrocher la fonction onsubmit et appeler une fonction de validation à partir de là si vous le souhaitez...

Vous pourriez même utiliser le onsubmit comme un test pour voir si votre formulaire est soumis, mais cela ne fonctionnera pas si vous appelez form.submit() .