Como escrever um número de telefone celular de uma maneira internacional usando JavaScript?
Trabalhar com números de telefone celular é algo importante, especialmente quando buscando dados do banco de dados e mostrando -os ao usuário no navegador da web. Em tais cenários, o programador deve garantir que o número do telefone celular seja formatado em um determinado formato internacional.
Este artigo explicará como pegar um número de telefone celular, formatá -lo de uma maneira internacional e mostrará -lo de volta ao usuário. E o formato internacional para o número do telefone celular será “E-164”, que é intitulado o formato internacional de numeração de telecomunicações públicas.
Passo 1: Crie uma página HTML
Início simples criando uma página da web html para solicitar ao usuário e mostrar o número formatado com as seguintes linhas:
Digite o número na caixa Prompt
Nas linhas acima:
- O carregando A propriedade está definida no tag que procura o começar() Função no JavaScript sobre o carregamento completo da página da web.
- A A tag é criada para notificar o usuário
- Uma div com o id "número" é criado para imprimir o número do telefone celular formatado
A execução do documento HTML mostrará a seguinte página da web no navegador:
Esta página da web não faz nada, isso mudará na próxima etapa
Etapa 2: Código JavaScript para o número de telefone celular formatado em E.164
No arquivo JavaScript, ou dentro do tag, crie um nome de função como start () que será executado com o carregamento completo da página da web:
função start ()// As próximas linhas pertencem aqui
Nesta função, use uma caixa imediata para obter a entrada do usuário e armazená -la dentro da variável “Usernumber”:
var userNumber = prompt ("Digite o número do seu celular");Depois disso, aplique o método de correspondência () na variável número de usuário com a ajuda de um operador de pontos. Compararemos a entrada do usuário contra o regex para verificar se é um número de célula correto:
Var Result = Usernumber.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);Depois disso, verifique o resultado variável ou mais especificamente o valor no índice 1 para o país corresponder com o valor "1":
var ccode = resultado [1] ? "+1": "";Uma vez que a entrada é verificada, basta formatar a string no formato E-164 correto a ser colocado na página da web com o seguinte:
var formattedNumber = ccode + "(" + resultado [2] + ")" + resultado [3] + "-" + resultado [4];E então o último passo é acessar a div com o id como "número", e então defina seu valor innerhtml para o formattedNumber variável:
documento.getElementById ("número").INNERHTML = "O número internacional é:" + formattedNumber;O trecho de código JavaScript completo é como:
função start ()var userNumber = prompt ("Digite o número do seu celular");
Var Result = Usernumber.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);
var ccode = resultado [1] ? "+1": "";
var formattedNumber =
ccode + "(" + resultado [2] + ")" + resultado [3] + "-" + resultado [4];
documento.getElementById ("número").inerhtml =
"O número internacional é:" + formattedNumber;
Etapa 3: testando a saída
Depois de terminar as duas primeiras etapas, execute o documento HTML e, quando solicitado, digite o número correto de telefone celular e observe a seguinte saída:
O número inserido foi convertido no E-164 formato numérico
Embrulhar
Um número de telefone celular pode ser facilmente convertido de maneira internacional ou de acordo com o E-164 com a ajuda do JavaScript. Para isso, pegue o número do telefone celular do usuário, combine com um regex para verificar sua integridade e depois formatá -lo usando as técnicas de manipulação de string. Neste artigo, todas essas etapas são explicadas em detalhes passo a passo.