Como formatar o número de telefone em javascript

É necessário manter os dados seguros e alinhados, especialmente quando se trata de números de telefone. Sites que coletam os números de telefone dos usuários geralmente enfrentam problemas de formato. Os usuários preenchem seus dados de uma maneira muito incerta sem manter os padrões em vista. Isso dificulta o processamento de dados para desenvolvedores de sites. Para evitar essas situações, o JavaScript pode ser usado para formatar os números de telefone de acordo com um padrão específico.

Este blog discutirá o procedimento relacionado à formatação de um número de telefone em JavaScript.

Como formatar o número de telefone em javascript?

Em JavaScript, para formatar um número de telefone, usaremos os seguintes métodos:

• Regex
• Método substr ()

Vamos cavar o primeiro método!

Métodos 1: Usando Regex para formatar o número de telefone em JavaScript

““Regex”É uma abreviação para a expressão regular. É o recipiente de caracteres que introduz um padrão de pesquisa em relação a uma string e depois substitui ou remove os valores existentes de uma string com novos valores, respectivamente.

Vamos seguir em frente e dar um exemplo para entender como o uso do método regex pode formatar um número de telefone.

Exemplo

Neste exemplo, criaremos uma variável “p”E atribua um número aleatório não formado:

var p = '+1.234-567.1234 ';

Em seguida, invocar o método reply (), onde \ d é para dígitos de [0-9], + deve detectar a repetição de dígitos e g é para a correspondência global. Em seguida, ligue novamente para o método substituir () com uma sequência especial de caracteres como, (\ d 1) para definir um dígito, (\ d 3) para definir três dígitos e (\ d 4) Para definir quatro dígitos. Para saber mais sobre essas operações, confira nosso outro artigo dedicado.

Além disso, US $ 1 será o primeiro grupo e o + será alinhado logo antes, (US $ 2) será o segundo grupo que está entre colchetes, US $ 3 a US $ 4 será o terceiro e o quarto grupo com um sinal de hífen (-):

p = p.substitua (/\ d+/g, ").substituir (/(\ d 1) (\ d 3) (\ d 3) (\ d 4)/, '+$ 1 ($ 2) $ 3- $ 4');

Agora, imprima os resultados usando a linha abaixo:

console.log (p);

Como você pode ver, formatamos com sucesso o número de telefone.

Métodos 2: Usando o número do Substr () para formatar o JavaScript

O "substr ()”Método extrai a substring de um índice específico até o índice de final mencionado. Este método pode ajudar na criação de substringas de números com formato e sequência adequados de caracteres. Como resultado, um número formatado será gerado.

Sintaxe

corda.substr (start, fim)

Aqui o "substr ()”O método recuperará a substring do especificado“começarÍndice até o “fimÍndice da string dada.

Exemplo 1

Vamos dividir o programa em três partes. Na primeira parte, consideraremos o valor “p.Substr (0, 3)”, Pois 0 é o ponto de partida e 3 é o comprimento; Na segunda parte, o valor “p.Substr (3, 3)”Indica que os dígitos começarão na 4ª posição e seu comprimento será 3. A última parte tem valor “p.substr (6, 4)”Onde as posições do dígito a partir de 7 e seu comprimento total é 4:

p = p.substr (0, 3) + '-' + p.substr (3, 3) + '-' + p.substr (6, 4);

Saída

Agora, vamos dar outro exemplo para descobrir como podemos inserir o código do país junto com nosso número usando o mesmo método.

Exemplo 2

Neste exemplo, vamos levar a string “str"E fazer o"+1”Para armazenar nele:

var str = '+1';

Agora, definiremos 1 como o ponto de partida no primeiro valor de “p.Substr (1, 3)”. O código de restante permanecerá o mesmo:

p = p.substr (1, 3) + '-' + p.substr (3, 3) + '-' + p.substr (6, 4);

Imprima a string str recém -inicializada com string p:

console.log (str, p);

Saída

Aprendemos o procedimento para formatar o número de telefone em JavaScript através de dois métodos diferentes.

Conclusão

Para formatar o número de telefone, o “Regex" ou "substr ()”O método pode ser utilizado. Ao definir a expressão regular, você precisa criar um padrão e, com a ajuda do método Substituir (), o número de telefone pode ser formatado. No método substr (), três partes podem ser criadas e cada parte possui um ponto de partida e comprimento definido. Este artigo abordou o método para formatar números de telefone em JavaScript.