So schreiben Sie eine Handynummer auf internationale Weise mit JavaScript?
Das Arbeiten mit Mobiltelefonnummern ist wichtig, insbesondere wenn Sie Daten aus der Datenbank abrufen und dem Benutzer im Webbrowser angezeigt werden. In solchen Szenarien muss der Programmierer sicherstellen, dass die Handynummer in einem bestimmten internationalen Format formatiert ist.
In diesem Artikel wird erklärt. Und das internationale Format für die Handynummer wird sein "E-164", Das trägt das Internationale öffentliche Telekommunikationsnummerierungsformat.
Schritt 1: Erstellen Sie eine HTML -Seite
Einfacher Start durch Erstellen einer HTML -Webseite, um den Benutzer aufzufordern und die formatierte Nummer mit den folgenden Zeilen anzuzeigen:
Geben Sie die Nummer in das Feld Eingabeaufforderung ein
In den obigen Zeilen:
- Der Onload Eigenschaft ist auf dem festgelegt Tag, das nach dem sucht Start() Funktion im JavaScript zum vollständigen Laden der Webseite.
- A Tag wird erstellt, um den Benutzer zu benachrichtigen
- Ein Div mit der ID "Nummer" wird erstellt, um die formatierte Handynummer auszudrucken
Durch Ausführen des HTML -Dokuments wird die folgende Webseite im Browser angezeigt:
Diese Webseite tut nichts, dies wird sich im nächsten Schritt ändern
Schritt 2: JavaScript -Code für formatierte Mobiltelefonnummer in e.164
In der JavaScript -Datei oder in der Tag, erstellen Sie einen Funktionsnamen als start (), der beim vollständigen Laden der Webseite ausgeführt wird:
Funktion start ()// bevorstehende Zeilen gehören hierher
Verwenden Sie in dieser Funktion ein Eingabeaufforderungsfeld, um die Eingabe vom Benutzer abzurufen und in der Variablen zu speichern "Benutzernummer":
var userumumn = prompt ("Geben Sie Ihre Zellnummer ein");Wenden Sie anschließend die Match -Methode () auf die Variable an Benutzernummer mit Hilfe eines Punktbetreibers. Wir werden die Eingabe vom Benutzer mit dem Regex vergleichen, um zu überprüfen, ob es sich um eine korrekte Zellnummer handelt:
var result = userernumber.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);Danach überprüfen Sie die Ergebnis Variable oder genauer gesagt der Wert bei Index 1 für das Land, das mit dem Wert „1“ übereinstimmt:
var ccode = result [1] ? "+1": "";Sobald diese Eingabe überprüft wird, formatieren Sie einfach die Zeichenfolge im richtigen E-164-Format, das auf die Webseite mit Folgendem gestellt werden soll:
var formatedNumber = ccode + "(" + result [2] + ")" + result [3] + "-" + result [4];Und dann ist der letzte Schritt, mit der ID als auf die DIV zuzugreifen "Nummer", und setzen dann seinen inneren Wert auf die formatiert Variable:
dokumentieren.GetElementById ("Nummer").Innerhtml = "Die internationale Zahl lautet:" + formatedNumber;Der vollständige JavaScript -Code -Snippet lautet wie:
Funktion start ()var userumumn = prompt ("Geben Sie Ihre Zellnummer ein");
var result = userernumber.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);
var ccode = result [1] ? "+1": "";
var formatedNumber =
ccode + "(" + result [2] + ")" + result [3] + "-" + result [4];
dokumentieren.GetElementById ("Nummer").Innerhtml =
"Die internationale Nummer lautet:" + formatedNumber;
Schritt 3: Testen der Ausgabe
Wenn Sie mit den ersten beiden Schritten fertig sind, führen Sie das HTML -Dokument aus und geben Sie bei der Aufforderung die richtige Mobiltelefonnummer ein und beobachten Sie die folgende Ausgabe:
Die eingefügte Zahl wurde in der konvertiert E-164 Zahlenformat
Einpacken
Eine Mobiltelefonnummer kann leicht auf internationale Weise oder nach dem E-164 mit Hilfe von JavaScript umgewandelt werden. Nehmen Sie dafür die Mobiltelefonnummer vom Benutzer, passen Sie sie mit einem Regex an, um deren Integrität zu überprüfen und dann mithilfe der String -Manipulationstechniken zu formatieren. In diesem Artikel werden alle diese Schritte Schritt für Schritt ausführlich erläutert.