Wie verhindert man das Absenden eines Formulars beim Drücken der Eingabetaste?

Verhinderung der Formularübermittlung beim Drücken der Eingabetaste

Die Verhinderung der Formularübermittlung beim Drücken der Eingabetaste stellt sicher, dass der Fokus auf dem aktuellen Feld bleibt und erlaubt damit stattdessen JavaScript-Funktionen ausgelöst werden. Die Lösung besteht darin, das Tastendruckereignis zu verarbeiten und die Übermittlung basierend auf dem Code der eingegebenen Taste bedingt zu verhindern.

Implementierung

Fügen Sie in HTML das Attribut „onkeypress“ zum Formularelement hinzu. Dieses Attribut sollte eine JavaScript-Funktion aufrufen, die den Schlüsselcode überprüft. Im folgenden Beispiel wird die runScript-Funktion auf der scriptBox-Texteingabe ausgeführt:

<form onkeypress="return runScript(event)">
  <input>

Die runScript-Funktion untersucht den Schlüsselcode des Ereignisses. Wenn der Code mit der Eingabetaste übereinstimmt (normalerweise 13), gibt die Funktion „false“ zurück und verhindert so die Formularübermittlung.

function runScript(e) {
  if (e.keyCode == 13) {
    // Invoke your JavaScript function here...

    return false;
  } else {
    return true;
  }
}

Hinweis:

Während keyCode veraltet ist In modernen Browsern wird es weiterhin weitgehend unterstützt. Es wird jedoch empfohlen, für eine breitere Kompatibilität die Verwendung alternativer Methoden wie „key“ oder „which“ in Betracht zu ziehen.

Das obige ist der detaillierte Inhalt vonWie verhindert man das Absenden eines Formulars beim Drücken der Eingabetaste?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!