Jak napisać numer telefonu komórkowego w międzynarodowy sposób za pomocą JavaScript?
Praca z numerami telefonów komórkowych jest czymś, co jest ważne, szczególnie przy pobieraniu danych z bazy danych i pokazaniu ich użytkownikowi w przeglądarce internetowej. W takich scenariuszach programista musi upewnić się, że numer telefonu komórkowego jest sformatowany w określonym formacie międzynarodowym.
W tym artykule wyjaśniono, jak wziąć numer telefonu komórkowego, sformatować go w sposób międzynarodowy i pokaże go użytkownikowi. A międzynarodowy format numeru telefonu komórkowego będzie „E-164”, który jest zatytułowany Międzynarodowy format numerowania telekomunikacji publicznej.
Krok 1: Utwórz stronę HTML
Prosty zacznij od utworzenia strony internetowej HTML w celu podpowiedzi użytkownika i pokazania sformatowanego numeru z następującymi wierszami:
Wprowadź numer w polu monitor
W powyższych liniach:
- Onload właściwość jest ustawiona na tag, który szuka początek() Funkcja w JavaScript na pełnym ładowaniu strony internetowej.
- A Tag jest tworzony w celu powiadomienia użytkownika
- Div z identyfikatorem "numer" jest tworzony w celu wydrukowania sformatowanego numeru telefonu komórkowego
Uruchomienie dokumentu HTML wyświetli następującą stronę internetową w przeglądarce:
Ta strona nic nie robi, to zmieni się w następnym kroku
Krok 2: Kod JavaScript dla sformatowanego numeru telefonu komórkowego w E.164
W pliku JavaScript lub wewnątrz Tag, Utwórz nazwę funkcji jako start (), która zostanie wykonana po pełnym załadowaniu strony internetowej:
funkcja start ()// nadchodzące linie należą tutaj
W tej funkcji użyj wiersza, aby uzyskać dane wejściowe od użytkownika i przechowywać je w zmiennej „Liczba użytkowania”:
var usernumber = monit („Wprowadź numer komórki”);Następnie zastosuj metodę dopasowania () na zmienną Liczba użytkowania z pomocą operatora DOT. Porównujemy dane wejściowe od użytkownika z Regex, aby sprawdzić, czy jest to prawidłowy numer komórki:
var wynik = liczba użytkownika.dopasowanie (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);Następnie sprawdź wynik Zmienna lub dokładniej wartość w indeksie 1 dla kraju, aby pasowała do wartości „1”:
var ccode = wynik [1] ? „+1”: „”;Po zweryfikowaniu tego wejścia, po prostu sformatuj ciąg w prawidłowym formacie E-164, który ma być umieszczony na stronie internetowej z następującymi:
var formatedNumber = ccode + "(" + wynik [2] + ")" + wynik [3] + "-" + wynik [4];A następnie ostatnim krokiem jest dostęp do div z identyfikatorem "numer", a następnie ustaw swoją wartość wewnętrzną na FormatedNumber zmienny:
dokument.getElementById („Numer”).innerHtml = „Liczba międzynarodowa to:” + FormatedNumber;Pełny fragment kodu JavaScript jest jak:
funkcja start ()var usernumber = monit („Wprowadź numer komórki”);
var wynik = liczba użytkownika.dopasowanie (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);
var ccode = wynik [1] ? „+1”: „”;
var sormatedNumber =
ccode + "(" + wynik [2] + ")" + wynik [3] + "-" + wynik [4];
dokument.getElementById („Numer”).InnerHtml =
„Liczba międzynarodowa to:” + FormatedNumber;
Krok 3: Testowanie wyjścia
Po zakończeniu dwóch pierwszych kroków uruchom dokument HTML, a po monicie wpisz odpowiedni numer telefonu komórkowego i obserwuj następujące dane wyjściowe:
Wstawiona liczba została przekonwertowana w E-164 format liczbowy
Zakończyć
Numer telefonu komórkowego można łatwo przekonwertować w sposób międzynarodowy lub zgodnie z E-164 za pomocą JavaScript. W tym celu weź numer telefonu komórkowego od użytkownika, dopasuj go do regularności, aby zweryfikować jego integralność, a następnie sformatować za pomocą technik manipulacji ciągami. W tym artykule wszystkie te kroki zostały szczegółowo wyjaśnione krok po kroku.