JavaScript - Validierung, nur Zahlen

Es gibt viele Situationen, in denen nur Zahlen oder Alphabete eingegeben werden können, oder beide sind in den Feldern des Formulars akzeptabel, abhängig von den Anforderungen. Validieren Sie zu diesem Zweck die Felder gemäß der Anforderung mithilfe der JavaScript -Validierung. Es stellt sicher, dass die Eingabe des Benutzers korrekt, vollständig und gemäß den Bedürfnissen ist oder nicht, bevor Sie ihn an den Server senden.

In diesem Beitrag werden die Ansätze definiert, um die Felder des Formulars zu validieren, um nur Zahlen einzugeben.

JavaScript -Validierung, um nur Zahlen einzugeben

Um Felder zu validieren, um nur Zahlen einzugeben, verwenden Sie die unten erwähnten Ansätze:

• Verwenden von Regex
• Verwenden der ISNAN () -Methode

Methode 1: Validierungsnummern nur unter Verwendung eines regulären Ausdrucks

Verwenden Sie die “regulär Ausdruck" oder ein "Regex Muster”Um die Felder des Formulars zu validieren, um nur die Zahlen einzugeben. Verwenden Sie die “, um die Eingabe des Benutzers zu überprüfenpassen()Methode mit dem Regex, der die Eingabe mit dem bereitgestellten Regex -Muster entspricht.

Beispiel

Verwenden Sie in der HTML -Datei den folgenden Code, um ein Formular zu erstellen:

Geben Sie Ihre PIN -Nummer ein: autocomplete = "off">

Nach dem obigen Code -Snippet:

• Erstellen Sie zunächst ein Formular, das ein Eingabefeld enthält, das die Nummer nur als "als" akzeptiert "Stift Nummer”.
• Erstellen Sie dann einen Speicherplatz für eine Druckmeldung, wenn die Eingabe falsch oder korrigiert mit dem

  Schild.

• Ein ... kreieren "einreichenSchaltfläche, die die “annimmt"NumberValidationFunc ()Klicken Sie auf der Schaltfläche, um die Felder des Formulars zu überprüfen.

Verwenden Sie den folgenden Code in der “”Tag oder JavaScript -Datei:

FunktionsnummerValidationFunc ()

var input = Dokument.GetelementById ("Pinnumber").Wert;
var muster = /^[0-9]+$ /;
if (Eingabe.Match (Muster))

dokumentieren.getElementById ("Fehler").Innerhtml = "großartig";
zurückkehren;

anders

dokumentieren.getElementById ("Fehler").Innerhtml = "Numerische Wert eingeben";
falsch zurückgeben;

Hier im obigen Snippet:

• Definieren Sie zunächst eine Funktion namens “NumberValidationFunc ()”Das wird auf der Schaltfläche Klick aufgerufen.
• Holen Sie sich den Eingangswert mit dem “Wert”Attribut.
• Erstellen Sie ein Regex -Muster, das in einer Variablen gespeichert ist “Muster”.
• Überprüfen Sie dann, ob der Eingang mit dem Muster mit dem “übereinstimmtpassen()" Methode.
• Wenn die Eingabe dem Muster übereinstimmt, drucken Sie die Nachricht aus “Großartig”, Sonst zeigen Sie die Fehlermeldung an“Geben Sie den numerischen Wert ein”.

Wie Sie sehen können, akzeptiert die Ausgabe nur die Zahlen, während die Eingabe von Nummern mit Alphabeten nicht akzeptabel ist, und es wird eine Fehlermeldung angezeigt:

Methode 2: Validierungsnummern nur mit isnan () Methode

Sie können auch die „verwenden“isnan ()Methode zur Validierung von Feldern, um nur die Zahlen einzugeben. Es nimmt Eingaben als Argument und prüft, ob die Eingabe eine Nummer ist, die es gibt “WAHR"Sonst gibt es"FALSCH”.

Beispiel

Eine Funktion definieren “NumberValidationFunc ()Sie werden auf dem Onclick -Ereignis der Schaltfläche Senden aufgerufen, um zu überprüfen, ob die Eingabe eine Nummer ist oder nicht, die “die“isnan ()" Methode:

FunktionsnummerValidationFunc ()

var input = Dokument.GetelementById ("Pinnumber").Wert;
if (isnan (Eingabe))

dokumentieren.getElementById ("Fehler").Innerhtml = "Numerische Wert eingeben";
falsch zurückgeben;

anders

dokumentieren.getElementById ("Fehler").Innerhtml = "großartig";
zurückkehren;

Ausgang

Das dreht sich alles um die Validierung von Zahlen nur in JavaScript.

Abschluss

Verwenden Sie die Textfelder des Formulars für nur numerische Werte, um die Textfelder des Formulars zu validierenregulären Ausdruck”Als Regex -Muster oder die“isnan ()" Methode. Beide Ansätze eignen sich am besten, um nur Zahlen zu validieren, und Sie können jemanden nach Ihrem Wunsch auswählen/auswählen. Dieser Beitrag definierte die Ansätze, um die Felder des Formulars zu validieren, um nur Zahlen einzugeben.