Zahlen Regex JavaScript Validator

Was ist Zahlen-Regex?

In JavaScript werden reguläre Ausdrücke häufig zur Validierung und zum Abgleich numerischer Eingaben wie ganzer Zahlen, Dezimalzahlen und formatierter Werte wie Währungen verwendet. Dies ist besonders nützlich in Formularen, Finanzberechnungen und der Eingabevalidierung, wo die Struktur numerischer Daten wichtig ist.

JavaScript-Regex bietet prägnante Muster, um gültige Zahlen zu erkennen und alles Unerwartete abzulehnen, wie Buchstaben oder fehlerhafte Satzzeichen.

Regex-Muster für die Zahlenvalidierung

1. Ganzzahl-Validierung

   Validiert ganze Zahlen ohne Symbole oder Dezimalpunkte.

   const regex = /^\d+$/;

   Passt auf: "123", "2024"

   Passt nicht auf: "12.3", "-100"

2. Dezimalzahl-Validierung

   Validiert Zahlen mit optionalen Dezimalstellen.

   const regex = /^\d+\.\d+$/;

   Passt auf: "3.14", "99.999"

   Passt nicht auf: "100", "abc"

3. Vorzeichenbehaftete Zahlen-Validierung

   Erlaubt optionales Minus- oder Pluszeichen.

   const regex = /^[+-]?\d+(\.\d+)?$/;

   Passt auf: "-45", "+99.99", "0"

   Passt nicht auf: "--12", "100+"

4. Formatierte Zahlen mit Kommas

   Passt auf Zahlen wie 1.000 oder 12.345.678.

   const regex = /^\d{1,3}(,\d{3})*$/;

   Passt auf: "1,000", "100,000"

   Passt nicht auf: "1000", "1,,000"

Zahlen in JavaScript validieren

Verwenden Sie die eingebaute RegExp-Klasse oder regex-Literale mit Methoden wie .test() oder .match():

const number = "12345";
const pattern = /^\d+$/;
console.log(pattern.test(number)); // true

Die Methode test() sucht nach einer Übereinstimmung zwischen Ihrem regulären Ausdruck und einem angegebenen String. Sie gibt true zurück, wenn das Muster auf den String passt, andernfalls false. Dies ist ein effizienter Weg, um schnell zu prüfen, ob eine Benutzereingabe einem bestimmten Format entspricht.

Die Methode gibt einen booleschen Wert zurück:

• true, wenn das Muster auf den String passt

• false, wenn nicht

Dies unterscheidet sich von der Methode search(), die stattdessen den Index der Übereinstimmung zurückgibt (oder -1, wenn keine gefunden wurde).

Sie können Ihren eigenen regex mit unserem interaktiven JavaScript Regex Tester testen.

Verhalten von test() mit dem Global-Flag

Wenn Sie test() mit einem regex mit dem Global-Flag (g) verwenden, pflegt der regex eine lastIndex-Eigenschaft über wiederholte Tests hinweg. Das bedeutet:

• Wenn test() eine Übereinstimmung findet, erhöht sich lastIndex auf die Position direkt nach der Übereinstimmung.

• Solange Sie true erhalten, setzt der regex nicht für neue Strings zurück.

• Sobald test() fehlschlägt (gibt false zurück), wird lastIndex auf 0 zurückgesetzt.

Wenn Sie dieselbe globale regex-Instanz für verschiedene Strings validieren und lastIndex nicht manuell zurücksetzen, können unerwartete falsche Negativergebnisse auftreten. Setzen Sie regex.lastIndex = 0 vor jedem neuen Test zurück oder vermeiden Sie das Global-Flag bei einfachen Validierungen.

Metazeichen

• ^: Anfang des Strings

• $: Ende des Strings

• \d: Beliebige Ziffer [0-9]

• +: Ein oder mehrere des vorherigen

• *: Null oder mehrere des vorherigen

• ?: Optional (null oder eines)

• .: Maskierter Punkt zur Übereinstimmung mit Dezimal

• [,]: Komma-Literal

• (): Gruppierung

• []: Zeichenklasse

Beispiele

Beispiel 1: Eine Ganzzahl validieren

const input = "250";
const pattern = /^\d+$/;
console.log(pattern.test(input)); // true

Bauen Sie Ihre eigenen Muster mit dem JavaScript Regex Tester.

Beispiel 2: Eine Dezimalzahl validieren

const input = "3.1415";
const pattern = /^\d+.\d+$/;
console.log(pattern.test(input)); // true

Sie können dies weiter mit dem Token-Generator kombinieren, um sichere Zahlen automatisch zu generieren.

Beispiel 3: Vorzeichenbehaftete und vorzeichenlose Zahlen erkennen

const input = "-0.99";
const pattern = /^[+-]?\d+(.\d+)?$/;
console.log(pattern.test(input)); // true

Verwenden Sie dies in Kombination mit dem JavaScript Regex Tester für schnelles Debugging.

Profi-Tipps

• Verwenden Sie den Zahlen Regex Go Validator oder Zahlen Regex Java Validator für die server-seitige Überprüfung numerischer Eingaben.

• Verwenden Sie den Base64 Decoder, wenn Ihre numerischen Daten vor der Validierung kodiert sind.

• Kombinieren Sie es mit dem Token-Generator, wenn Sie numerische Authentifizierungssysteme wie OTPs aufbauen.

• Vermeiden Sie die Akzeptanz von parseFloat() als Validierung; es ist nicht streng und kann ungültige Strings wie "123abc" teilweise passieren lassen.

• Bereinigen Sie numerische Eingaben immer zusammen mit der regex-Validierung, um Injection-Risiken oder fehlerhafte Formatierungen zu verhindern.

Anwendungsfälle

• Formularvalidierung: regex verwenden, um sicherzustellen, dass Benutzer gültige Zahlen in Felder wie Alter, Menge und Budget eingeben.

• Finanz-Apps: Dezimalgenauigkeit in Transaktionen und Preisen validieren.

• Datenbereinigung: Ungültige Eingaben herausfiltern, bevor sie in Analyse-Tools importiert werden.

• Authentifizierungssysteme: regex verwenden, um numerische OTPs und Login-Tokens zu verarbeiten, die über den Token-Generator generiert wurden.

Kombination mit anderen Tools

• JavaScript Regex Tester: Zahlenmuster in JavaScript sofort validieren.

• Token-Generator: Nützlich zum Generieren sicherer numerischer Strings oder OTPs.

• Base64 Decoder: Numerische Daten vor der regex-Anwendung dekodieren.

• E-Mail Regex JavaScript Validator: Numerische Daten zusammen mit E-Mail-Eingaben für vollständige Formularverarbeitung validieren.

• IP-Adresse Regex JavaScript Validator: Nützlich, wenn numerische IP-Werte ebenfalls validiert werden.