Ein Formular auf der 'Enter' - mit jQuery?

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

HINWEIS: Sie akzeptiert bendewey Antwort, aber es ist falsch mit seiner Beschreibung von e.preventDefault(). Schauen Sie sich diese stackoverflow-Antwort:
event.preventDefault() vs. return false

Im wesentlichen, "return false" ist das gleiche wie der Aufruf e.preventDefault und e.stopPropagation().

InformationsquelleAutor NoBrainer

Weiß nicht, ob es helfen wird, aber Sie können versuchen, die Simulation einer senden-Schaltfläche klicken, statt direkt das Formular abgesendet hat. Ich habe den folgenden code in die Produktion, und es funktioniert gut:

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

Hinweis: jQuery('#submit').focus() macht die Schaltfläche animiert wird, wenn die EINGABETASTE gedrückt wird.

InformationsquelleAutor karim79

Gibt es einen Grund, Sie zu Haken und testen für Sie die enter-Taste?

Konnte nicht fügen Sie einfach eine

<input type="submit" /> 

Ihrer form und haben es natürlich eingereicht werden, wenn die EINGABETASTE gedrückt wird? Man könnte sogar Haken Sie dann die form onsubmit Aktion und rufen eine Validierungs-Funktion aus, wenn Sie wollte...

Könnten Sie sogar mit der onsubmit als ein test, um zu sehen, wenn das Formular eingereicht wird, aber es wird nicht funktionieren, wenn Sie Anruf form.submit().

InformationsquelleAutor Zack The Human

Können Sie auch einfach hinzufügen onsubmit="return false" zu den Formular-code in die Seite, um zu verhindern, dass das default-Verhalten.

Dann Haken (.bind oder .live) des Formulars submit Ereignis auf eine Funktion mit jQuery im javascript-Datei.

Hier ist ein Beispiel-code, um zu helfen:

HTML

<form id="search_form" onsubmit="return false">
   <input type="text" id="search_field"/>
   <input type="button" id="search_btn" value="SEARCH"/>
</form>

Javascript + jQuery

$(document).ready(function() {

    $('#search_form').live("submit", function() {
        any_function()
    });
});

Diese Funktionsweise ist der 2011-04-13, mit Firefox 4.0 und jQuery 1.4.3

InformationsquelleAutor GERV

Dies ist mein code:

  $("#txtMessage").on( "keypress", function(event) {
    if (event.which == 13 && !event.shiftKey) {
        event.preventDefault();
        $("#frSendMessage").submit();
    }
    });

InformationsquelleAutor Hoàng Vũ Tgtt

Ich habe jetzt

$("form").submit(function(event)

Zuerst habe ich Hinzugefügt ein Event-Handler für das submit-button erzeugt einen Fehler für mich.

InformationsquelleAutor faebser

Ich heute herausgefunden das keypress-Ereignis wird nicht ausgelöst, wenn die Taste Enter, so möchten Sie vielleicht zu wechseln, keydown() oder keyup() statt.

Mein test-script:

        $('.module input').keydown(function (e) {
            var keyCode = e.which;
            console.log("keydown ("+keyCode+")")
            if (keyCode == 13) {
                console.log("enter");
                return false;
            }
        });
        $('.module input').keyup(function (e) {
            var keyCode = e.which;
            console.log("keyup ("+keyCode+")")
            if (keyCode == 13) {
                console.log("enter");
                return false;
            }
        });
        $('.module input').keypress(function (e) {
            var keyCode = e.which;
            console.log("keypress ("+keyCode+")");
            if (keyCode == 13) {
                console.log("Enter");
                return false;
            }
        });

Die Ausgabe in der Konsole bei der Eingabe "A Geben Sie B" auf der Tastatur:

keydown (65)
keypress (97)
keyup (65)

keydown (13)
enter
keyup (13)
enter

keydown (66)
keypress (98)
keyup (66)

Sehen Sie in der zweiten Sequenz das 'keypress' fehlt, aber keydown-und keyup-register '13' als gedrückt/losgelassen.
Als pro jQuery-Dokumentation über die Funktion keypress():

Note: as the keypress event isn't covered by any official specification, the actual behavior encountered when using it may differ across browsers, browser versions, and platforms.

Getestet auf IE11 und FF61 auf Server 2012 R2

InformationsquelleAutor Piemol