Lösung zum automatischen Absenden des Formulars und Springen zu anderen Seiten nach Drücken der Eingabetaste auf der Webseite

Lösung zum automatischen Absenden des Formulars und Springen zu anderen Seiten nach Drücken der Eingabetaste auf der Webseite
Nach dem Drücken der Eingabetaste auf der Webseite wird das Formular automatisch übermittelt und führt zu anderen Seiten

Es gibt ein Abfrageformular. Ursprünglich hatte ich gehofft, dass die Abfrage nur ausgeführt wird, wenn ich auf den Abfrage-Button klicke. Als ich beim Test jedoch die Eingabetaste drückte, ging es auf andere Seiten.

Code kopieren
Der Code lautet wie folgt:

<form action="notice.php" method="get">
...
<button type='button' onclick ="search_wj()" class="btn btn-ok">Suchen</button>
</form>

Lösung:

Fügen Sie dem Formular ein onsubmit="search_wj();return false;" hinzu

Code kopieren
Der Code lautet wie folgt:

<form action="notice.php" onsubmit="search_wj();return false;" method="get">
...
<button type='button' onclick ="search_wj()" class="btn btn-ok">Suchen</button>
</form>

<<:  Erläuterung, ob im interaktiven Design Paging oder Laden gewählt werden soll

>>:  Super ausführliches Tutorial zur Implementierung der TabBar untere Navigationsleiste in Vue

Artikel empfehlen

So installieren Sie MySQL 8.0.17 und konfigurieren den Fernzugriff

1. Vorbereitung vor der Installation Überprüfen S...

Lassen Sie uns kurz über die Änderungen im Setup in vue3.0 sfc sprechen

Inhaltsverzeichnis Vorwort Standard-SFC-Schreibme...

Eine kurze Erläuterung der Unterschiede zwischen FTP, FTPS und SFTP

Inhaltsverzeichnis Einführung in FTP, FTPS und SF...

Einführungstutorial zum MySQL-Multitabellen-Join

Über Verbindungen lassen sich faktische Fremdschl...

Ein tiefer Einblick in JavaScript-Promises

Inhaltsverzeichnis 1. Was ist Promise? 2. Warum g...

Erläuterung zum Erstellen der Graphdatenbank neo4j in einer Linux-Umgebung

Neo4j (eines der NoSQL-Modelle) ist eine leistung...

Eine kurze Diskussion über die Lebenszyklusfunktionen von React Component

Was sind die Lebenszyklusfunktionen von React-Kom...

Tiefes Verständnis der Verwendung von ::before/:before und ::after/:after

Teil 1: Grundlagen 1. Im Gegensatz zu Pseudoklass...

Get/Delete-Methode zum Übergeben von Array-Parametern in Vue

Wenn Front-End und Back-End interagieren, müssen ...

Der URL-Wert des SRC- oder CSS-Hintergrundbildes ist der Base64-codierte Code

Möglicherweise ist Ihnen aufgefallen, dass auf die...