Heim >Web-Frontend >js-Tutorial >Die Validierung des JQuery-Formulars kann nicht numerisch sein

Die Validierung des JQuery-Formulars kann nicht numerisch sein

WBOY
WBOYOriginal
2021-11-16 09:55:412193Durchsuche

So überprüfen Sie, ob das JQuery-Formular keine Zahl ist: 1. Verwenden Sie die val-Methode, um den Formularwert zu erhalten. 2. Erstellen Sie einen regulären Ausdruck, um Zahlen zu überprüfen. „/^[0-9]+$/“ 3. Verwenden Sie it in einer if-Anweisung Die Testmethode überprüft, ob der Formularwert mit dem regulären Ausdruck übereinstimmt. Die Syntax lautet „if (regular expression object. test (form value))“.

Die Validierung des JQuery-Formulars kann nicht numerisch sein

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.

So überprüfen Sie, ob das JQuery-Formular keine Zahl sein darf

1 Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html, um zu erklären, wie ein JQuery-Verifizierungsformular geschrieben wird, das keine reine Zahl sein kann. Verwenden Sie in der Datei test.html das Formular-Tag, um ein Formular zu erstellen. Verwenden Sie im Formularformular das Eingabe-Tag, um ein Eingabefeld für das Formular zu erstellen.

Verwenden Sie in der Datei test.html im Formular das Schaltflächen-Tag, um eine Schaltfläche mit dem Schaltflächennamen „Mitgliedsnamen überprüfen“ zu erstellen.

Binden Sie in der Datei test.html das Ereignis onclick an die Schaltfläche. Wenn auf die Schaltfläche geklickt wird, wird die Funktion yanzheng() ausgeführt.

Die Validierung des JQuery-Formulars kann nicht numerisch sein

2. Erstellen Sie im js-Tag die Funktion yanzheng(). Rufen Sie innerhalb der Funktion das Eingabeobjekt über id (user) ab, verwenden Sie die val()-Methode, um den eingegebenen Mitgliedsnamen abzurufen, und speichern Sie das Mitgliedsname in der Benutzervariablen.

Erstellen Sie in der Funktion yanzheng() einen regulären Ausdruck „/^[0-9]+$/“, um die Zahl zu überprüfen. Überprüfen Sie in der if-Anweisung, ob der Mitgliedsname mit dem regulären Ausdruck übereinstimmt . Wenn es übereinstimmt, wird die Meldung angezeigt, dass es sich nicht um eine reine Zahl handeln kann.

Die Validierung des JQuery-Formulars kann nicht numerisch sein

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

Die Validierung des JQuery-Formulars kann nicht numerisch sein

Der reguläre Ausdruck „/^[0-9]+$/“ stellt eine oder mehrere Zahlen dar, die mit einer Zahl beginnen und mit einer Zahl enden.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonDie Validierung des JQuery-Formulars kann nicht numerisch sein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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