Máscara de telefone de 9 dígitos com DDD em JavaScript
Neste pequeno script, mostrarei como criar uma máscara para telefones com 9 dígitos e DDD como o que foi implantado em São Paulo e estará em breve no restante do país.
Para validação é utilizada algumas expressões regulares.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<html> <head> <title>Mascara Telefone</title> <script type="text/javascript"> /* Máscaras ER */ function mascara(o,f){ v_obj=o v_fun=f setTimeout("execmascara()",1) } function execmascara(){ v_obj.value=v_fun(v_obj.value) } function mtel(v){ v=v.replace(/D/g,""); //Remove tudo o que não é dígito v=v.replace(/^(d{2})(d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos v=v.replace(/(d)(d{4})$/,"$1-$2"); //Coloca hífen entre o quarto e o quinto dígitos return v; } function id( el ){ return document.getElementById( el ); } window.onload = function(){ id('telefone').onkeypress = function(){ mascara( this, mtel ); } } </script> </head> <body> <input type="text" name="telefone" id="telefone" maxlength="15" /> </body> </html> |
Carregando...
Você pode se interessar
Artigos
49 visualizações
Artigos
49 visualizações
Rust é o futuro da infraestrutura JavaScript
Carlos L. A. da Silva - 6 de dezembro de 2021Lee Robinson explica como e por que o Rust está penetrando em cenários antes dominados pelo JavaScript.
Artigos
111 visualizações
Artigos
111 visualizações
Influenciadores digitais que não existem
Carlos L. A. da Silva - 2 de dezembro de 2021Na era da pós-verdade, influenciadores que não são reais estão ganhando espaço para uma multidão que quer ser influenciada
Artigos
251 visualizações
Artigos
251 visualizações
Pais criam aplicativo de código aberto melhor que o da escola, mas a polícia é acionada
Carlos L. A. da Silva - 23 de novembro de 2021Aplicativo oficial do sistema educacional da capital Suécia era ruim demais, mas a lei é a lei...
11 Responses
Deixe um Comentário
Mais publicações
Artigos
496 visualizações
496 visualizações
Artigos
559 visualizações
559 visualizações
Artigos
660 visualizações
660 visualizações
Artigos
722 visualizações
722 visualizações
Enumerando e analisando mais de 40 implementações de JavaScript (que não são V8)
Carlos L. A. da Silva - 6 de outubro de 2021Artigos
496 visualizações
496 visualizações
10 recursos HTML5 úteis que você pode não estar usando
Carlos L. A. da Silva - 6 de novembro de 2021Artigos
660 visualizações
660 visualizações
Por que eu decidi não migrar para o Windows 11 agora
Carlos L. A. da Silva - 19 de outubro de 2021
Rust é o futuro da infraestrutura JavaScript
6 de dezembro de 2021
Influenciadores digitais que não existem
2 de dezembro de 2021
Pais criam aplicativo de código aberto melhor que o da escola, mas a polícia é acionada
23 de novembro de 2021
10 recursos HTML5 úteis que você pode não estar usando
6 de novembro de 2021
A seguir. Somente números + DDD + tel 8 “OU” 9 dígitos + tratamento para “ç e Ç”
By: †‡Falcão‡†
js: Assinatura(NomeCampo)
function telefone(a) { $(a).keyup(function (f) { if ((f.keyCode > 64 && f.keyCode < 91) || f.keyCode == 186) { var d = (String.fromCharCode(f.keyCode)).toUpperCase(); var c = (a.value.charAt(a.value.length – 1)).toUpperCase(); if (d == c || c == "Ç" || c == "ç") { a.value = a.value.substring(0, (a.value.length – 1)) } } }); separador = "("; separador1 = ")"; separador2 = "-"; conjunto1 = 0; conjunto2 = 3; conjunto3 = 8; if (a.value.length 13) { a.value = a.value.replace(“-“, “”); a.value = a.value.substring(0, 9) + separador2 + a.value.substr(9, 4) } } } };
Olá Pessoal! testei este código o mesmo não deu certo, não funcionava a mascara de jeito nenhum.
Este código abaixo foi o que estou usando, esta funcionando blz serve tbm para os 9 digitos.
Mascara Telefone
/* Máscaras ER */
function mascara(o,f){
v_obj=o
v_fun=f
setTimeout(“execmascara()”,1)
}
function execmascara(){
v_obj.value=v_fun(v_obj.value)
}
function mtel(v){
v=v.replace(/\D/g,””); //Remove tudo o que não é dígito
v=v.replace(/^(\d{2})(\d)/g,”($1) $2″); //Coloca parênteses em volta dos dois primeiros dígitos
v=v.replace(/(\d)(\d{4})$/,”$1-$2″); //Coloca hífen entre o quarto e o quinto dígitos
return v;
}
function id( el ){
return document.getElementById( el );
}
window.onload = function(){
id(‘telefone’).onkeyup = function(){
mascara( this, mtel );
}
}
Ai pessoal este código postado realmente não funciona, mas eu dei Ctrl+U na página e copiei o código fonte do site em funcionamento e funcionou legal, este código postado esta com erro de formatação, faça isso pessoal…
Funcionou pra mim, o problema que eu tenho é o componente não tem todos os atributos que eu preciso, e ele não está funcionando no meu componente de que o nosso arquiteto criou, mas valeu pela força, já ajudou muito.
/* Máscaras ER */
function mascara(o,f){
v_obj=o
v_fun=f
setTimeout(“execmascara()”,1)
}
function execmascara(){
v_obj.value=v_fun(v_obj.value)
}
function mtel(v){
v=v.replace(/D/g,””); //Remove tudo o que não é dígito
v=v.replace(/^(d{2})(d)/g,”($1) $2″); //Coloca parênteses em volta dos dois primeiros dígitos
v=v.replace(/(d)(d{4})$/,”$1-$2″); //Coloca hífen entre o quarto e o quinto dígitos
return v;
}
function id( el ){
return document.getElementById( el );
}
window.onload = function(){
id(‘telefone’).onkeypress = function(){
mascara( this, mtel );
}
}
pode pegar esse funciona
Este plugin também é uma opção interessante: https://github.com/masimao/maskbrphone
Olá, mas seu eu tiver 2 campos um para telefone e o outro para celular, os ids serão diferentes, como devo proceder nesse caso, porque desse jeito que está aí, um funciona o outro não.
Tem como atribuir ele a uma classe ao invés de uma id?
Valeu pela dica Jeovane Carvalho, ensinando usar Ctrl+U, Funcionou !
obrigado por compartilhar