Telefonnummer RegEx in JavaScript

Jedes Land hat sein eigenes Zahlenformat, und bevor wir diese Daten in der Datenbank speichern, müssen wir sicherstellen, dass der Benutzer das richtige Zahlenformat eingibt. In diesem Beitrag lernen wir, wie man reguläre Ausdrücke für Telefonnummern in JavaScript schreibt.

RegEx in JavaScript

Reguläre Ausdrücke sind wie ein Suchwerkzeug, das bestimmte Muster in Zeichenketten finden kann. Eine gute Ressource zum Erlernen von RegEx ist https://regexr.com. JavaScript unterstützt auch reguläre Ausdrücke als Objekt. Diese Muster werden mit matchAll(), match(), replaceAll(), replace(), search() und split() verwendet. Es gibt zwei Möglichkeiten, den regulären Ausdruck zu erstellen: Verwenden Sie einen literalen regulären Ausdruck und rufen Sie die Konstruktorfunktion des RegExp-Objekts auf.

Lassen Sie uns einige der gängigen Muster verstehen, bevor wir uns der Telefonnummer RegEx zuwenden.

• \d: Dieser reguläre Ausdruck passt zu jeder Zahl/Ziffer. Es ist ähnlich wie [0-9].
• \w: Dieser reguläre Ausdruck passt zu jedem beliebigen Wortzeichencode im Bereich von A-Z, a-z, 0-9 und _.
• \s: Dieser reguläre Ausdruck entspricht jedem Whitespace-Zeichen, wie Leerzeichen, Tabulatoren, Zeilenumbrüchen.
• \b: Dieser reguläre Ausdruck entspricht jeder Wortgrenzenposition zwischen einem Wortzeichen und einem Nicht-Wortzeichen oder einer Position (Anfang/Ende der Zeichenkette).
• [A-Z]: Dieser reguläre Ausdruck entspricht jedem beliebigen Zeichencode im Bereich von A-Z.
• [0-9]: Dieser reguläre Ausdruck entspricht jedem beliebigen Zeichencode im Bereich von 0-9.
• (?:ABC): Dieser reguläre Ausdruck gruppiert mehrere Token zusammen, ohne eine Erfassungsgruppe zu erstellen.

Jeder RegEx enthält bestimmte Tags, die unten aufgeführt sind:

• i: Dieses Flag bedeutet, dass die Groß-/Kleinschreibung nicht beachtet wird, was bedeutet, dass der gesamte Ausdruck nicht zwischen Groß- und Kleinschreibung unterscheidet.
• g: Dieses Flag bedeutet eine globale Suche, die den Index des letzten Treffers beibehält, damit nachfolgende Suchen am Ende des vorherigen Treffers beginnen können. Ohne das globale Flag geben nachfolgende Suchen dieselbe Übereinstimmung zurück.
• m: Dieses Flag bedeutet mehrzeilig. Wenn das Multi-Line-Flag aktiviert ist, entsprechen die Start- und End-Anker (^ und $) dem Anfang und dem Ende einer Zeile, nicht dem Anfang und Ende der gesamten Kette.
• u: Dieses Flag bedeutet Unicode. Benutzer können erweiterte Unicode-Escapes der Form \ x {FFFFF} verwenden, indem sie dieses Flag aktivieren.
• y: Dieses Flag bedeutet klebrig. Der Ausdruck stimmt nur mit seiner lastIndex-Position überein und ignoriert das globale Flag (g), wenn es gesetzt ist. Da jede Suche in RegEx diskret ist, hat dieser Indikator keine weiteren Auswirkungen auf die angezeigten Ergebnisse.
• s: Dieses Flag bedeutet dotAll. Ein Punkt (.) entspricht jedem Zeichen, einschließlich der neuen Zeile.

Syntax von RegEx in JavaScript

const regEx = /pattern/;
const regEx = new RegExp('pattern');

Beispielcode:

<form name="form1">
  <input type='text' id="phoneNumber" name='text1'/>
  <button type="submit" name="submit" onclick="phonenumber()">Submit</button>
</form>

function phonenumber() {
  const indiaRegex = /^\+91\d{10}$/;
  const inputText = document.getElementById('phoneNumber').value;
  if (inputText.match(indiaRegex)) {
    console.log('Valid phone number');
  } else {
    console.log('Not a valid Phone Number');
  }
}

Ausgabe: