Jak używać wyrażenia regularnego do sformatowania amerykańskiego numeru telefonu w JavaScript

Podczas wypełniania formularzy użytkownicy wprowadzają swoje dane w bardzo przypadkowy sposób. Przetwarzanie danych dla twórców witryn jest trudne do przetwarzania danych. Standardowy numer telefonu w Stanach Zjednoczonych ma dziesięć cyfr z formatem, taki jak (000) 222-1234. Wyrażenia regularne mogą być używane w JavaScript do sformatowania amerykańskiego numeru telefonu wprowadzonego przez niepewność użytkownika.

W tym poście opisuje, jak sformatować numer telefonu USA za pomocą JavaScript.

Jak używać wyrażenia regularnego do sformatowania amerykańskiego numeru telefonu?

Zobaczmy przykład, aby sformatować niepewną liczbę w formacie standardowym USA, to znaczy (123) 456-7890.

Przykład

Tutaj zdefiniujemy funkcję zwaną „ReformatUsphoneNumber ()„Aby sformatować dowolny numer do standardowego formatu, przekazując numer jako argument. Najpierw znormalizujemy ciąg/liczbę i usuniemy wszystkie niepotrzebne znaki z numeru za pomocą „zastępować()" metoda. Następnie sformatuj określony numer telefonu za pomocą „mecz()" metoda:

Funkcja ReformatusphoneNumber (PhoneNumber)
var reg = (" + fonenaber).zamień (/\ d+/g, ").mecz (/^(\ d 3) (\ d 3) (\ d 4) $/);
if (reg)
return '(' + reg [1] + ')' + reg [2] + '-' + reg [3];

powrót NULL;

W powyższym fragmencie kodu:

• Wzór regex ”/\ D+/g”Pozwala tylko na cyfry, w których„\D" Lub "\D„Oznacza cyfry [0-9],„+”Służy do wykrywania powtórzenia cyfr i„G”Jest używany do globalnego meczu.
• "(\ D 3)”Wskazuje cyfry z limitem 3.
• "(\ D 4)”Umożliwia ustawienie 4 cyfr.
• Następnie sprawdź, czy podany numer telefonu pasuje do Regex ”Reg”, Zwróć numer formatowany za pomocą Braces () i Dash (-).
• "Reg [1]”To symbol zastępczy, który odwołuje się do pierwszej grupy przechwytywania, pierwszych trzech cyfr.
• "Reg [2]" I "Reg [3]”To symbole zastępcze, które odnoszą się do drugiej i trzecie.
• Metody zamiennika () i match () zastępują dopasowany tekst w oryginalnym ciągu na tekst zastępczy.

Utwórz zmienną, która przechowuje liczbę:

var foneenumber = "5555551234";

Teraz zadzwoń do „ReformatUsphoneNumber ()„Funkcja, przekazując numer jako argument w celu sformatowania tego numeru w standardowym formacie USA:

ReformatusphoneNumber (liczba fonenażowa);

Można zauważyć, że niepewna sformatowana liczba została pomyślnie sformatowana w formacie standardowym USA:

Możesz także wypróbować jeszcze jeden losowy numer sformatowany, aby sformatować w amerykańskim formacie numeru telefonu:

var foneenumber = "+555.55 (51234) ”;

Przekaż podaną liczbę do funkcji:

ReformatusphoneNumber (liczba fonenażowa);

Wyjście

Chodzi o reformatowanie numeru w amerykański format numeru telefonu w JavaScript.

Wniosek

Aby sformatować amerykański numer telefonu w JavaScript, użyj „mecz()„Metoda z„zastępować()”Metoda usuwania niepotrzebnych znaków i zezwolenia tylko na odpowiednie znaki i zwrócić sformatowany numer. W tym poście opisano, jak sformatować numer w amerykańskim numerze telefonu z JavaScript.