Geben Sie nur Zahlen in JavaScript ein
Dieser Artikel zeigt die Methoden, um nur Zahlen in JavaScript einzugeben.
So geben Sie nur Zahlen in JavaScript ein?
Sie können nur Zahlen in JavaScript eingeben, indem Sie sich für die folgenden Ansätze entscheiden:
- “ASCII”Zeichensatz
- “JQuery”
Die genannten Konzepte werden nacheinander nachgewiesen!
Methode 1: Geben Sie nur Zahlen in JavaScript mithilfe von ASCII -Zeichensatz ein
Dieses Verfahren kann verwendet werden, um eine Bedingung auf die ASCII -Darstellung von Zahlen auf dem Eingangsfeld anzuwenden.
Beispiel
Geben Sie im folgenden Beispiel die “ein“AUSWEISDas muss in das Eingabefeld eingegeben werden. Geben Sie auch das Eingabefeld als “an" an "Text”Und rufen Sie die Funktion inputnumber () auf, während Sie das Ereignis als Argument übergeben, wenn"OnkeypressEreignis wird ausgelöst:
Definieren Sie als nächstes eine Funktion namens “inputNumber ()"Das akzeptiert"numAls Argumentation. Wenden Sie in der Funktionsdefinition die Bedingung auf die in ASCII dargestellten Zahlen an, dass, wenn der ASCII -Code größer ist als “31"Und weniger als"48" oder "57”, Es bedeutet, dass ein Nichtnummer-Zeichen in das Eingabefeld eingegeben wird. In diesem Fall wird eine Warnung generiert, in der der Benutzer nur Zahlen eingibt:
Funktion inputnumber (num)var asciicode = (num.welche) ? num.Welches: num.Schlüsselcode
if (asciicode> 31 && (asciicode 57))
alarm ("Nur Zahlen eingeben")
Es ist ersichtlich, dass, wenn ein Zeichen in das Eingangsfeld eingegeben wird, ein Warnbox mit den folgenden Informationen aufgetaucht ist:
In der folgenden Tabelle werden das diskutierte Konzept der ASCII -Darstellung für Zahlen gemäß den Anforderungen erläutert:
| ASCII -Darstellung | Ziffern |
|---|---|
| 48 | 0 |
| 49 | 1 |
| 50 | 2 |
| 51 | 3 |
| 52 | 4 |
| 53 | 5 |
| 54 | 6 |
| 55 | 7 |
| 56 | 8 |
| 57 | 9 |
Die einzige Einschränkung für die oben gegebene Methode besteht darin, dass sie nach der Anzeige der Warnung die Nichtnummereingabe des Benutzers immer noch akzeptiert. Um dieses Problem zu beheben, lesen Sie die nächste Methode!
Methode 2: Geben Sie nur Zahlen in JavaScript mit JQuery ein
Dieser Ansatz kann implementiert werden, indem die Bibliothek „JQuery“ einbezogen und auf das Eingabefeld angewendet wird.
Schauen Sie sich das folgende Beispiel an, um das angegebene Konzept zu verstehen.
Beispiel
Fügen Sie zunächst die folgende JQuery -Bibliothek auf, um ihre Funktionen anzuwenden:
Als nächstes fügen Sie eine Überschrift mit der "hinzu"”Tag- und Eingangsfeld mit der“”Tag innerhalb des Mitteletiketts, um sie in der Mitte auszurichten. Hier beschränken wir die Länge des Eingangsfeldes auf “4" Verwendung der "maximale LängeAttribut, da es sich um einen 4-stelligen Pin handelt:
Geben Sie eine 4-stellige PIN ein:
Wenden Sie nun das an “anJQueryFunktion auf dem Eingangsfeld mit dem “/[^0-9]/g" regulären Ausdruck. Dieser reguläre Ausdruck prüft, ob der Wert der Typen in keinem Zeichen „^“ ist, und ersetzen Sie ihn durch ein leeres Zeichen:
$ (function ()$ ("input [name = 'numonly']")).on ('Eingabe', Funktion (e)
$ (this).Val ($ (this).val ().ersetzen (/[^0-9]/g, "));
);
);
In diesem Beispiel haben wir das Eingangsfeld eingeschränkt, um nur ein 4 -stelliges numerisches Zeichen vom Benutzer zu akzeptieren:
Wir haben die Methoden im Eingangsfeld implementiert, um nur Zahlen in JavaScript einzutragen.
Abschluss
Um nur Zahlen in JavaScript einzugeben, haben wir das implementiertASCII”Charakter -Set -Ansatz und der“JQuery”Technik. Der ASCII -Charakter -Set -Ansatz kann verwendet werden, um eine Bedingung auf das Eingabefeld anzuwenden, das das ASCII. Während die JQuery -Technik zusammen mit dem regulären Ausdruck verwendet wird, um eine Überprüfung auf das erstellte Eingangsfeld anzuwenden. Dieser Artikel hat die Methoden gezeigt, um nur Zahlen in JavaScript einzugeben.