Heim >Web-Frontend >js-Tutorial >So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

coldplay.xixi
coldplay.xixiOriginal
2020-12-25 09:44:142907Durchsuche

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt: Erstellen Sie zunächst eine neue Datei, verwenden Sie das Eingabe-Tag, um ein Eingabefeld zu erstellen. Verwenden Sie dann das Schaltflächen-Tag, um eine Schaltfläche zu erstellen, und binden Sie das Onclick-Klickereignis an die Schaltfläche ; schließlich verwenden Sie die Methode [test()], um reguläre Ausdrücke zu verwenden. Die Formel bestimmt, ob der Eingabeinhalt eine Zahl ist.

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, DELL G3-Computer.

Empfohlen: jquery-Video-Tutorial

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um die Verwendung von jquery zu erklären um festzustellen, ob es sich um eine Zahl handelt.

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

2. Verwenden Sie in der Datei test.html das Eingabe-Tag, um ein Eingabefeld zu erstellen, und legen Sie dessen ID auf myinput fest, das hauptsächlich zum Abrufen des Eingabeobjekts über diese ID unten verwendet wird . myinput,主要用于下面通过该id获得input对象。

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

3、在test.html文件中,使用button标签创建一个按钮,按钮名称为“判断是否是数字”。

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行isnum()函数。

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

5、在js标签内,创建isnum()函数,在函数内,通过input的id值(myinput)获得input对象, 再使用val()方法获得输入的内容,同时编写验证数字的正则表达式“/^[1-9][0-9]+$/gi”。

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

6、在isnum()函数内,使用if语句,通过test()

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt3 . Verwenden Sie in der Datei test.html das Button-Tag, um eine Schaltfläche mit dem Schaltflächennamen „Beurteilen Sie, ob es sich um eine Zahl handelt“ zu erstellen.

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

4 . Binden Sie in der Datei test.html das Ereignis onclick an die Schaltfläche. Wenn auf die Schaltfläche geklickt wird, wird die Funktion isnum() ausgeführt. So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt

5 . Erstellen Sie im js-Tag die Funktion isnum(). Rufen Sie innerhalb der Funktion das Eingabeobjekt über den ID-Wert der Eingabe ab und verwenden Sie dann die Methode val(), um die Eingabe zu erhalten Inhalt und schreiben Sie gleichzeitig die Verifizierungsnummer. Der reguläre Ausdruck „/^[1-9][0-9]+$/gi“. So ermitteln Sie mit jquery, ob es sich um eine Zahl handelt 6 Verwenden Sie in der Funktion isnum() die if-Anweisung und die Methode test(), um mithilfe regulärer Ausdrücke zu bestimmen, ob es sich bei dem Eingabeinhalt um eine Zahl handelt. Wenn die Eingabe korrekt ist, wird andernfalls die Meldung „Bitte geben Sie eine Zahl ein“ angezeigt.

7. Öffnen Sie die Datei test.html im Browser, geben Sie den Inhalt in das Textfeld ein und klicken Sie auf die Schaltfläche, um den Effekt zu sehen.
🎜🎜🎜🎜🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜🎜🎜Javascript🎜🎜🎜(Video)🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie mit jquery, ob es sich um eine Zahl handelt. 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