So entfernen Sie „Enter“, „Senden“ und „Enter != Senden“ aus dem Formular

Um das Problem „Eingeben != Absenden“ zu implementieren, können Sie im Allgemeinen vom „Schaltflächentyp“ und der „Anzahl der Eingabefelder“ ausgehen.

Standardmäßig bedeutet das Drücken der Eingabetaste bei einem einzelnen Eingabefeld das Senden, unabhängig davon, ob die Schaltfläche vom Typ „Senden“ oder „Schaltfläche“ ist.

1. Wenn type="submit" ist, bedeutet das Drücken der Eingabetaste das Senden, unabhängig davon, wie viele type="text"-Eingabefelder vorhanden sind. (einreichen)

2. Wenn Sie „button“ eingeben und mehrere Eingabefelder vorhanden sind, wird durch Drücken der Eingabetaste nicht die Übermittlung durchgeführt. (Taste)

3. Um das Problem der Übermittlung beim Drücken der Eingabetaste in einem einzelnen Eingabefeld zu lösen, beachten Sie den zweiten Punkt: Sie können einen input="text" hinzufügen und ausblenden; legen Sie dann den Typ auf Schaltfläche fest.

In tatsächlichen Anwendungen gibt es selten nur ein Eingabefeld. Sie müssen sich daher nur die zweite Regel merken, um damit umzugehen.

Die Verwendung von JS-Ereignissen zum Verhindern der Übermittlung von Formularen geht über den Rahmen dieses Artikels hinaus, ist aber durchaus möglich.

<<: CSS-Benennung: BEM, Scoped CSS, CSS-Module und CSS-in-JS erklärt

>>: js behandelt die Kontoabmeldung beim Schließen des Browsers

Tutorial zur Installation von jdk1.8 auf Ubuntu14.04

Informationen zu Problemen bei der automatischen Bereitstellung von Jenkins + Docker + ASP.NET Core (Fallstricke vermeiden)

Ich hatte nicht vor, diesen Blog zu schreiben, ab...

So entfernen Sie „Enter“, „Senden“ und „Enter != Senden“ aus dem Formular

Tutorial zur Installation von jdk1.8 auf Ubuntu14.04

Einführung in häufig verwendete MySQL-Befehle in der Linux-Umgebung

Detaillierte Schritte zur Installation von Harbor, einem privaten Docker-Repository

Lösung für Ubuntu 20.04 Firefox kann keine Videos abspielen (Flash-Plug-In fehlt)

Erklärung und Beispielverwendung von 4 benutzerdefinierten Anweisungen in Vue

Beispiel für die Bereitstellungsmethode „Forever+nginx“ einer Node-Site

Was ist schneller: MySQL-Volltextindex, gemeinsamer Index, Like-Abfrage und JSON-Abfrage?

jQuery implementiert Funktionen zum Reduzieren und Erweitern von Artikeln

Grafisches Tutorial zur Installation und Konfiguration von mysql 8.0.16 winx64.zip

Beispielcode zum automatischen Umbrechen des Pre-Tags

Artikel empfehlen

Sammlung von MySQL-Fuzzy-Abfrageanweisungen

Zwei Möglichkeiten zum vollständigen Löschen von Benutzern unter Linux

So installieren Sie FastDFS in Docker

Einführung in bedingte Zugriffsattribute und Pfeilfunktionen in JavaScript

Einführung in die Apache-Bereitstellung von https in der Kryptografie

Informationen zu Problemen bei der automatischen Bereitstellung von Jenkins + Docker + ASP.NET Core (Fallstricke vermeiden)

Zusammenfassung der Blockelemente, Inline-Elemente und variablen Elemente

Vue-Element el-transfer fügt Drag-Funktion hinzu

Die Hook-Funktion von Vue-Router implementiert Routing Guard

25 neue nützliche Icon-Sets zum Download im Ausland

Detaillierte Erläuterung des Nest.js-Hashing- und Verschlüsselungsbeispiels

So verwenden Sie den Befehl sed, um bestimmte Zeilen einer Datei effizient zu löschen

Implementierung der Fastdfs+Nginx-Clusterkonstruktion

Detailliertes Beispiel für die Verwendung von useState in React

Analyse der geplanten Aufgaben und Ereignisplanungsbeispiele von MySQL