So drücken Sie die Eingabetaste, ohne das Formular abzusenden, und senden das Formular in PHP

Wenn wir ein Formular schreiben, stoßen wir häufig auf eine solche Situation: Wenn der Benutzer im Eingabefeld die Eingabetaste drückt, wird das Formular automatisch gesendet, was leicht zu Problemen wie Fehlbedienung und Informationsverlust führen kann.

In diesem Artikel erfahren Sie, wie Sie in PHP zwei Methoden implementieren, bei denen Sie das Formular nicht senden und das Formular durch Drücken der Eingabetaste senden, um den Anforderungen der Benutzer besser gerecht zu werden.

1. Enter sendet das Formular nicht

1 Verwenden Sie JavaScript zur Implementierung
Wir können JavaScript verwenden, um zu verhindern, dass das Formular automatisch an den Server gesendet wird, wenn der Benutzer die Eingabetaste drückt. Der Code lautet wie folgt:

<script>
    document.onkeydown = function(event) {
        var e = event ? event : (window.event ? window.event : null);
        if (e.keyCode == 13 && e.target.tagName.toLowerCase() != 'textarea') {
            //阻止表单提交
            return false;
        }
    }
</script>

2. Verwenden Sie jQuery zur Implementierung.

Darüber hinaus können wir in jQuery auch die Methode „preventDefault()“ verwenden, um die Formularübermittlung zu verhindern. Der Code lautet wie folgt:

<script>
    $(document).on('keydown', function(event) {
        if (event.keyCode == 13 && event.target.tagName.toLowerCase() != 'textarea') {
            event.preventDefault();
        }
    });
</script>

2. Drücken Sie die Eingabetaste, um das Formular abzusenden.

Wenn wir möchten, dass der Benutzer das Formular automatisch durch Drücken der Eingabetaste absendet, nachdem er die Informationen eingegeben hat, können wir dies auf zwei Arten tun.

1. Verwenden Sie JavaScript, um

Wir können das Ereignis der Eingabetaste im Textfeld abhören und das Formularübermittlungsereignis auslösen, wenn der Benutzer die Eingabetaste drückt. Der Code lautet wie folgt:

2 das Formularattribut von HTML5

In HTML5 können wir das Formularattribut verwenden, um das Eingabefeld an das Formular zu binden, sodass das Formular automatisch gesendet wird, wenn der Benutzer die Eingabetaste im Eingabefeld drückt. Der Code lautet wie folgt:

<script>
    function submitForm() {
        document.formName.submit(); //提交表单
    }

    document.getElementById('input').onkeydown = function(event) {
        var e = event ? event : (window.event ? window.event : null);
        if (e.keyCode == 13) {
            submitForm();
        }
    }
</script>

In diesem Beispiel zeigt das Formularattribut des Eingabefelds auf die Formular-ID und das Formularattribut der Senden-Schaltfläche verweist auch auf die Formular-ID. Wenn der Benutzer auf diese Weise die Eingabetaste drückt, wird der Inhalt des Eingabefelds an den Server übermittelt.

Zusammenfassung

Beim Schreiben von Webformularen müssen wir die Verhaltensgewohnheiten und Bedürfnisse des Benutzers berücksichtigen, um das Benutzererlebnis zu verbessern. In diesem Artikel wird vorgestellt, wie Sie zwei Methoden implementieren: Drücken Sie die Eingabetaste, ohne das Formular abzusenden, und drücken Sie die Eingabetaste, um das Formular in PHP zu senden. Ich hoffe, dieser Artikel kann Ihnen etwas weiterhelfen.

Das obige ist der detaillierte Inhalt vonSo drücken Sie die Eingabetaste, ohne das Formular abzusenden, und senden das Formular in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!