Heim > Web-Frontend > js-Tutorial > So ermitteln Sie, ob die Eingabe in JQuery leer ist

So ermitteln Sie, ob die Eingabe in JQuery leer ist

王林
Freigeben: 2020-11-30 16:03:58
Original
5366 Leute haben es durchsucht

Wie jquery feststellt, ob die Eingabe leer ist: Erstellen Sie zuerst die Funktion isempty. Rufen Sie dann das Eingabeobjekt über die ID innerhalb der Funktion ab. Verwenden Sie dann die val-Methode, um den Inhalt der Eingabe abzurufen Längenattribut zu bestimmen.

So ermitteln Sie, ob die Eingabe in JQuery leer ist

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 2.2.4. Diese Methode ist für alle Computermarken geeignet.

(Teilen von Lernvideos: JQuery-Video-Tutorial)

Die Methode ist wie folgt:

Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html.

So ermitteln Sie, ob die Eingabe in JQuery leer ist

Verwenden Sie in der Datei test.html das Eingabe-Tag, um ein Eingabefeld für die Inhaltseingabe zu erstellen.

So ermitteln Sie, ob die Eingabe in JQuery leer ist

Fügen Sie in der Datei test.html ein ID-Attribut myinput zum Eingabe-Tag hinzu, das zum Abrufen des folgenden Eingabeobjekts verwendet wird.

So ermitteln Sie, ob die Eingabe in JQuery leer ist

Erstellen Sie in der Datei test.html eine Schaltfläche, binden Sie das Klickereignis onclick an die Schaltfläche und führen Sie beim Klicken auf die Schaltfläche die Funktion isempty() aus.

So ermitteln Sie, ob die Eingabe in JQuery leer ist

Erstellen Sie im js-Tag die Funktion isempty(). Rufen Sie innerhalb der Funktion das Eingabeobjekt über die ID ab, verwenden Sie die val()-Methode, um den Inhalt der Eingabe abzurufen, und verwenden Sie dann die if-Anweisung, um Bestimmen Sie die Inhaltslänge der Eingabe mithilfe des Längenattributs. Wenn die Inhaltslänge nicht größer als 0 ist, ist der Eingabeinhalt leer.

So ermitteln Sie, ob die Eingabe in JQuery leer ist

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Effekt zu sehen.

So ermitteln Sie, ob die Eingabe in JQuery leer ist

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmieren lernen! !

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob die Eingabe in JQuery leer ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage