Telefonnummern-Regex-JavaScript-Validator

Was ist Telefonnummern-Regex?

Telefonnummern-Regex ist ein reguläres Ausdrucksmuster, das prüft, ob eine Zeichenkette einem gültigen Telefonnummernformat entspricht. Das Muster kann je nach folgenden Faktoren variieren:

• Länderformat

• Mobil- vs. Festnetz

• Verwendung von Symbolen wie +, -, (, ) oder Leerzeichen

Telefonnummern-Regex-Muster in JavaScript

Grundlegendes internationales Telefonnummern-Regex:

/^\+?[0-9]{1,4}?[-.\s]?(\(?\d{1,5}?\)?)[-.\s]?\d{1,5}[-.\s]?\d{1,9}$/

Musteraufschlüsselung:

• ^\+?: Optionales + für den Ländercode

• [0-9]{1,4}?: Ländercodeziffer

• [-.\s]?: Optionales Trennzeichen

• (\(?\d{1,5}?\)?): Optionale Vorwahl mit oder ohne Klammern

• \d{1,5}: Präfix oder Nummernabschnitt

• \d{1,9}: Letzter Teil der Nummer

• $: Ende der Zeichenkette

Bei der Erstellung von Formularen zur Erfassung von Telefonnummern können Benutzer diese in vielen verschiedenen Varianten eingeben. Zum Beispiel sind alle folgenden US-Nummern gültig:

• +1-202-555-0123

• +44 20 7946 0958

• (123) 456-7890

Codebeispiel 1: Einfache Telefonnummernvalidierung

const phone = "+91-9876543210";
const pattern = /^\+?[0-9]{1,4}?[-.\s]?(\(?\d{1,5}?\)?)[-.\s]?\d{1,5}[-.\s]?\d{1,9}$/;
console.log(pattern.test(phone)); // true

Codebeispiel 2: Mehrere Nummern validieren

const numbers = ["+1 800-123-4567", "1234567890", "(011) 2345 6789"];
const pattern = /^+?[0-9]{1,4}?[-.\s]?((?\d{1,5}?)?)[-.\s]?\d{1,5}[-.\s]?\d{1,9}$/;
numbers.forEach(num => {
console.log(${num} → ${pattern.test(num)});
});

Codebeispiel 3: Eingabe in einem Webformular validieren

<input type="text" id="phoneInput" placeholder="Telefonnummer eingeben" />
<p id="status"></p>
<script>
const pattern = /^+?[0-9]{1,4}?[-.\s]?((?\d{1,5}?)?)[-.\s]?\d{1,5}[-.\s]?\d{1,9}$/;
document.getElementById("phoneInput").addEventListener("input", function () {
const isValid = pattern.test(this.value.trim());
document.getElementById("status").textContent = isValid ? "✅ Gültige Nummer" : "❌ Ungültige Nummer";
});
</script>

Warum manche Telefonnummern die Validierung nicht bestehen

Einige Regex-Muster erfordern, dass Trennzeichen innerhalb einer Telefonnummer konsistent sind. Wenn ein Muster eine Erfassungsgruppe für das erste Trennzeichen (z. B. ein Leerzeichen) verwendet und dieses dann per Rückreferenz für das nächste Trennzeichen erwartet, schlägt eine Nummer fehl, bei der unterschiedliche Trennzeichen gemischt werden, zum Beispiel (000) 999-5555.

Backreferenzierung (\1) für konsistente Trennzeichen

Regex-Muster verwenden häufig Rückreferenzen wie \1, um die Konsistenz innerhalb der Zeichenkette durchzusetzen:

• ([-\s.])? erfasst ein optionales Trennzeichen nach der Vorwahl.

• \1 fordert, dass das erfasste Trennzeichen auch weiterhin verwendet wird.

Möchten Sie gemischte Trennzeichen erlauben, ersetzen Sie \1 durch das allgemeine Trennzeichenmuster.

Nur den numerischen Inhalt validieren

Wenn Sie sicherstellen möchten, dass eine Telefonnummer genau 10 Ziffern enthält, unabhängig von Formatierungen wie Leerzeichen, Bindestrichen oder Klammern, filtern Sie alle Nicht-Ziffern heraus und prüfen Sie dann die Länge:

var originalPhoneNumber = "415-555-1212";
function isValid(p) { var phoneRe = /^[2-9]\d{2}[2-9]\d{2}\d{4}$/; var digits = p.replace(/\D/g, ""); return phoneRe.test(digits); }

Mindest- und Höchstlänge der Ziffern nach Land

Bei der Validierung von Telefonnummern ist es wichtig, länderspezifische Anforderungen zu berücksichtigen:

• Argentinien: 8 bis 13 Ziffern insgesamt

• Vereinigte Staaten: Mindestens 10 Ziffern (ohne Ländercode)

• Europäische Union: Viele EU-Länder verwenden 9 Ziffern (ohne Ländercode)

• Indien: Genau 10 Ziffern, üblicherweise mit dem Ländercode +91

• China: Typischerweise 10 oder 11 Ziffern

NANP-Regeln einhalten

Wenn Ihr Telefonnummern-Regex das North American Numbering Plan (NANP) streng einhalten soll:

• Vorwahl und Exchange: Müssen mit einer Ziffer von 2 bis 9 beginnen.

• N11-Einschränkung: Standard-Vorwahlen dürfen nicht auf "11" enden.

• Ländercode +1: Optional mit dem Präfix +1.

Empfohlenes Muster für NANP-Konformität:

/^(1[ -]?)?\d{3}[ -]?\d{3}[ -]?\d{4}$/

Strenge vs. lockere Telefonnummernvalidierung in JavaScript

Lockere Validierung akzeptiert eine breite Vielfalt von Formaten und reduziert Reibung bei der Formularausfüllung.

Strenge Validierung erzwingt ein präzises Format und ist sinnvoll, wenn saubere Daten für nachgelagerte Prozesse (z. B. SMS-Dienste) erforderlich sind.

In der Praxis empfiehlt sich ein ausgewogener Ansatz: flexible Eingabe zulassen und Nummern vor der Speicherung normalisieren.

Profi-Tipps

• Verwenden Sie immer .trim(), um unbeabsichtigte Leerzeichen aus der Benutzereingabe zu entfernen.

• Für ausschließlich indische Mobilnummern vereinfachen Sie die Regex auf: /^[6-9]\d{9}$/

• Für genau 10 Ziffern zählen Sie nur die Ziffern: return value.match(/\d/g).length === 10;

• Verwenden Sie spezifischere Muster pro Land bei lokalen Nummern.

• Erlauben Sie nur Ziffern, +, -, (, ), und Leerzeichen als gültige Zeichen.

• Für globale Anwendungen testen Sie mit einer Vielzahl internationaler Formate.

Anwendungsfälle

• Registrierungsformulare: Benutzereingaben sofort validieren.

• CRM-Systeme: Telefonnummern vor dem Hinzufügen zur Datenbank filtern und bereinigen.

• Marketing-Automatisierung: Korrekte Nummern vor dem SMS-Versand sicherstellen.

• Buchungsanwendungen: Ungültige Benutzereingaben in Formularen vermeiden.

Ergänzende Tools

• JavaScript-Regex-Tester: Eigene Telefonnummern-Regex-Muster entwickeln oder testen.

• E-Mail-Regex-JavaScript-Validator: Für Formulare, die sowohl Telefonnummer als auch E-Mail erfassen.

• UUID-Regex-JavaScript-Validator: Benutzer nach Validierung der Telefonnummer per UUID kennzeichnen.

• Base64-Encoder: Validierte Telefonnummern für Speicherung oder APIs sicher kodieren.

• Token-Generator: Für Registrierungsverifizierungsabläufe mit OTP oder SMS-Authentifizierung verwenden.