Wie kann ich das Senden eines Formulars verhindern, wenn die Eingabetaste gedrückt wird?

Formularübermittlung beim Drücken der Eingabetaste vermeiden

Um eine benutzerdefinierte Funktion beim Drücken der Eingabetaste zu ermöglichen und gleichzeitig die Formularübermittlung zu umgehen, Es ist wichtig, die Standardübermittlung des Formulars zu deaktivieren Verhalten.

Lösung:

Um dies zu erreichen, fangen Sie das Ereignis der Eingabetaste ab, indem Sie einen Ereignis-Listener definieren:

if(characterCode == 13) {
    // Prevent event propagation
    return false; 
} else{
    return true;
}

Dieses Code-Snippet stellt sicher dass das Drücken der Eingabetaste das Ereignis nicht weiter verbreitet, wodurch ein Formular effektiv verhindert wird Einreichung.

Beispiel:

Betrachten Sie ein Formular mit dem folgenden Textfeld:

<input>

Um ein benutzerdefiniertes Skript aus diesem Textfeld auszuführen Geben Sie den Tastendruck ein, ohne die Formularübermittlung auszulösen. Verwenden Sie diesen Code:

function runScript(e) {
    // Prevent form submission if Enter key is pressed
    if (e.keyCode == 13) {
        var tb = document.getElementById("scriptBox");
        eval(tb.value);
        return false;
    }
}

Durch die Rückgabe von „false“ von der Ereignis-Listener-Funktion, dem Eingabetasten-Ereignis ist effektiv deaktiviert, sodass das benutzerdefinierte Skript ohne Übermittlung ausgeführt werden kann.

Hinweis:

Die Verwendung von keyCode ist zwar veraltet, bleibt aber in der Praxis eine praktikable Option. Darüber hinaus wird es trotz seines veralteten Status immer noch häufig verwendet.

Das obige ist der detaillierte Inhalt vonWie kann ich das Senden eines Formulars verhindern, wenn die Eingabetaste gedrückt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!