Ich habe das folgende Javascript auf meiner Seite, das nicht zu funktionieren scheint.

$('form').bind("keypress", function(e) {
  if (e.keyCode == 13) {               
    e.preventDefault();
    return false;
  }
});

Ich möchte das Senden des Formulars bei der Eingabe deaktivieren oder, noch besser, das Senden meines Ajax-Formulars aufrufen. Beide Lösungen sind akzeptabel, aber der oben angegebene Code verhindert nicht, dass das Formular gesendet wird.

Wenn keyCodenicht gefangen wird, fangen Sie which:

$('#formid').on('keyup keypress', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    e.preventDefault();
    return false;
  }
});

EDIT: habe es verpasst, es ist besser zu verwenden keyupalskeypress

BEARBEITEN 2: Wie in einigen neueren Versionen von Firefox wird das Senden von Formularen nicht verhindert. Es ist sicherer, das Tastendruckereignis auch dem Formular hinzuzufügen. Außerdem funktioniert es nicht mehr (mehr?), Indem das Ereignis nur an den Formularnamen "gebunden" wird, sondern nur an die Formular-ID. Deshalb habe ich dies deutlicher gemacht, indem ich das Codebeispiel entsprechend geändert habe.

EDIT 3: Geändert bind()zuon()

Normalerweise wird das Formular gesendet, Enterwenn Sie sich auf Eingabeelemente konzentrieren.

Wir können den EnterSchlüssel (Code 13) für Eingabeelemente in einem Formular deaktivieren :

$('form input').on('keypress', function(e) {
    return e.which !== 13;
});

DEMO: http://jsfiddle.net/bnx96/325/

Noch kürzer:

$('myform').submit(function() {
  return false;
});

$('form').keyup(function(e) {
  return e.which !== 13  
});

Die event.which Eigenschaft normalisieren event.keyCode und event.charCode. Es wird empfohlen, event.which für die Tastatureingabe zu beobachten.

which docs.

$(document).on('keyup keypress', 'form input[type="text"]', function(e) {
  if(e.which == 13) {
    e.preventDefault();
    return false;
  }
});

Diese Lösung funktioniert auf allen Formularen auf der Website (auch auf mit Ajax eingefügten Formularen) und verhindert, dass nur Eingabetexte eingegeben werden. Legen Sie es in eine dokumentbereite Funktion und vergessen Sie dieses Problem ein Leben lang.

Die meisten der oben genannten Antworten verhindern, dass Benutzer neue Zeilen in ein Textfeld einfügen. Wenn Sie dies vermeiden möchten, können Sie diesen speziellen Fall ausschließen, indem Sie überprüfen, welches Element derzeit den Fokus hat:

var keyCode = e.keyCode || e.which;
if (keyCode === 13 && !$(document.activeElement).is('textarea')) {
  e.preventDefault();
  return false;
}

Der Overkill, jeden Tastendruck für die ENTER-Taste erfassen und testen zu müssen, nervt mich wirklich, sodass meine Lösung auf dem folgenden Browserverhalten beruht:

Durch Drücken von ENTER wird ein auslösen Klick Ereignis auf dem Submit - Button (getestet in IE11, Chrome 38, FF 31) ** (ref: http://mattsnider.com/how-forms-submit-when-pressing-enter/ )

Meine Lösung besteht also darin, die Standard-Senden-Schaltfläche (dh <input type="submit">) zu entfernen, damit das obige Verhalten fehlschlägt, da es keine Senden-Schaltfläche gibt, auf die Sie magisch klicken können, wenn Sie die EINGABETASTE drücken. Stattdessen verwende ich einen jQuery-Klick-Handler auf einer normalen Schaltfläche, um das Formular über die .submit()Methode von jQuery zu senden .

<form id="myform" method="post">
  <input name="fav_color" type="text">
  <input name="fav_color_2" type="text">
<button type="button" id="form-button-submit">DO IT!</button>
</form>

<script>
 $('#form-button-submit').click(function(){
    $('#myform').submit();
  });
</script>

Demo: http://codepen.io/anon/pen/fxeyv?editors=101

** Dieses Verhalten ist nicht anwendbar, wenn das Formular nur 1 Eingabefeld enthält und dieses Feld eine Texteingabe ist. In diesem Fall wird das Formular mit der EINGABETASTE gesendet, auch wenn im HTML-Markup keine Schaltfläche zum Senden vorhanden ist (z. B. ein Suchfeld). Dies ist seit den 90er Jahren Standardverhalten des Browsers.

Wenn Sie nur die Schaltfläche "Senden bei Eingabe" und "Senden" deaktivieren möchten, verwenden Sie das Ereignis "Senden" des Formulars

<form onsubmit="return false;">

Sie können "return false" durch einen Aufruf der JS-Funktion ersetzen, die alles Notwendige tut, und das Formular als letzten Schritt senden.

Sie können dies perfekt in reinem Javascript tun, einfach und ohne Bibliothek. Hier ist meine ausführliche Antwort auf ein ähnliches Thema: Deaktivieren der Eingabetaste für das Formular

Kurz gesagt, hier ist der Code:

<script type="text/javascript">
window.addEventListener('keydown',function(e){if(e.keyIdentifier=='U+000A'||e.keyIdentifier=='Enter'||e.keyCode==13){if(e.target.nodeName=='INPUT'&&e.target.type=='text'){e.preventDefault();return false;}}},true);
</script>

Dieser Code soll verhindern, dass die Eingabetaste nur für den Eingabetyp = 'Text' verwendet wird. (Da der Besucher möglicherweise auf der gesamten Seite die Eingabetaste drücken muss.) Wenn Sie die Eingabetaste auch für andere Aktionen deaktivieren möchten, können Sie console.log (e) hinzufügen. Für Ihre Testzwecke und drücken Sie F12 in Chrome, gehen Sie zur Registerkarte "Konsole" und klicken Sie auf "Rücktaste" auf der Seite und schauen Sie hinein, um zu sehen, welche Werte zurückgegeben werden. Dann können Sie alle diese Parameter als Ziel festlegen, um den Code weiter zu verbessern oben, um Ihren Anforderungen für "e.target.nodeName" , "e.target.type" und viele mehr zu entsprechen ...

Ich weiß nicht, ob Sie dieses Problem bereits gelöst haben oder ob jemand versucht, es gerade zu lösen, aber hier ist meine Lösung dafür!

$j(':input:not(textarea)').keydown(function(event){
    var kc = event.witch || event.keyCode;
    if(kc == 13){
    event.preventDefault();
        $j(this).closest('form').attr('data-oldaction', function(){
            return $(this).attr('action');
        }).attr('action', 'javascript:;');

        alert('some_text_if_you_want');

        $j(this).closest('form').attr('action', function(){
            return $(this).attr('data-oldaction');
        });
        return false;
    }
});

Die einfache Möglichkeit besteht darin, den Schaltflächentyp in HTML zu ändern und dann ein Ereignis in js ...

Änderung von diesem:

<form id="myForm">
   <button type="submit">Submit</button>
</form>

Zu

<form id="myForm">
   <button type="button" id="btnSubmit">Submit</button>
</form>

Und in js oder jquery hinzufügen:

("#btnSubmit").click(function () {
    $('#myForm').submit();
});

Der folgende Code verhindert, dass der Eingabeschlüssel zum Senden eines Formulars verwendet wird. Sie können den Eingabetaste jedoch weiterhin in einem Textbereich verwenden. Sie können es je nach Bedarf weiter bearbeiten.

<script type="text/javascript">
        function stopRKey(evt) {
          var evt = (evt) ? evt : ((event) ? event : null);
          var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
          if ((evt.keyCode == 13) && ((node.type=="text") || (node.type=="radio") || (node.type=="checkbox")) )  {return false;}
        }

        document.onkeypress = stopRKey;
</script> 

Wenn Sie in Firefox bei der Eingabe die Eingabetaste drücken, wird die obere Form gesendet. Die Lösung finden Sie im Formular "Senden". Fügen Sie Folgendes hinzu:

<input type="submit" onclick="return false;" style="display:none" />

3 Jahre später hat keine einzige Person diese Frage vollständig beantwortet.

Der Fragesteller möchte die Übermittlung des Standardformulars abbrechen und sein eigenes Ajax anrufen. Dies ist eine einfache Anfrage mit einer einfachen Lösung. Es ist nicht erforderlich, jedes in jede Eingabe eingegebene Zeichen abzufangen.

Das Formular unter der Annahme hat einen Submit - Button, ob ein <button id="save-form">oder <input id="save-form" type="submit">, tun:

$("#save-form").on("click", function () {
    $.ajax({
        ...
    });
    return false;
});

Ich habe whichgehört, dass dies nicht empfohlen wird. Ändern Sie daher die Antwort mit der besten Bewertung .

$('#formid').on('keyup keypress', function(e) {
  if (e.key === 'Enter') { 
    e.preventDefault();
    return false;
  }
});

ref. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which

Wenn die Datei fertig ist (Laden abgeschlossen), erkennt das Skript jedes Ereignis für den Schlüssel "Eintrag" und deaktiviert das dahinter stehende Ereignis.

<script>
            $(document).ready(function () {
                $(window).keydown(function(event){
                    if(event.keyCode == 13) {
                        e.preventDefault(); // Disable the " Entry " key
                        return false;               
                    }
                });
            });
        </script>

Komplettlösung in JavaScript für alle Browser

Der obige Code und die meisten Lösungen sind perfekt. Ich denke jedoch, dass die beliebteste "kurze Antwort" unvollständig ist.

Hier ist die gesamte Antwort. in JavaScript mit nativer Unterstützung für IE 7.

var form = document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault(); return false;});

Diese Lösung verhindert nun, dass der Benutzer mit der Eingabetaste sendet, und lädt die Seite nicht neu oder führt Sie zum oberen Rand der Seite, wenn sich Ihr Formular irgendwo darunter befindet.

Wie wäre es damit:

$(":submit").closest("form").submit(function(){
    $(':submit').attr('disabled', 'disabled');
});

Dies sollte alle Formulare mit Senden-Schaltflächen in Ihrer App deaktivieren.