0

Olá, tenho os seguintes valores de telefone e celular respectivamente:

Telefone: 1111111111 Celular: 11111111111

Já possuo o valor no banco de dados, gostaria apensar de apresentar esses valores formatados com as seguintes máscaras:

Telefone = (11) 1111-1111 Celular = (11) 11111-1111

Alguém poderia me ajudar ? Gostaria de apenas aplicar as mascaras via JavaScript não quero por no input, pois guardo o valor somente numérico no BD, gostaria apenas de apresenta-lo formatado.

Se alguém puder ajudar agradeço!

4
  • Você pode usar subtring
    – Bruno H.
    Commented 25/07/2017 às 21:15
  • Editei minha resposta, por falta de atenção respondi sobre formatação em um input, mas já arrumei para o seu caso, da uma olhada ai! Se puder marcar como resposta correta agradeço ;) Commented 26/07/2017 às 1:03
  • Um exemplo de como formatar qualquer tipo de padrão de forma flexível com uma única função: pt.stackoverflow.com/a/55235/4793 Commented 26/07/2017 às 5:17
  • Bruno, obrigado, mas utilizei a solução do nosso amigo abaixo. Mesmo assim obrigado! Commented 26/07/2017 às 12:34

1 Resposta 1

2

Use Regex e replace():

function mascaraTelefone(value){
    value = value.replace(/\D/g,"");                  //Remove tudo o que não é dígito
    value = value.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    value = value.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
    value = value.substr(0, 15);
    return value;
}

Chame a função passando o valor (telefone) o retorno dela sera o telefone formatado:

//Esse seria o telefone que vem do banco de dados
var tel = "1125346283"

//Essa variavel você pode apresentar
var telFormatado = mascaraTelefone(tel);
1
  • 1
    Obrigado Lucas! Funcionou corretamente! Commented 26/07/2017 às 12:34

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .