0 Compartilhamentos 1458 Views 10 Comments

Códigos

Máscara de telefone de 9 dígitos com DDD em JavaScript

Ernando de Castro 19 de fevereiro de 2013

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.

<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>

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>

Expressão Regular Formulários JavaScript Telefone Validação

Ernando de Castro

Autor

Na universidades federal de viçosa. Estudante em analise desenvolvimento de sistema na OPET curitiba

Ver todas as publicações de Ernando de Castro

Você pode se interessar

Promoções de Jogos do Final de Semana (17/01)

8 visualizações

Notícias

8 visualizações

Promoções de Jogos do Final de Semana (17/01)

Carlos L. A. da Silva - 17 de janeiro de 2020

Confira as melhores ofertas de jogos de PC para o final de semana.

Dez habilidades essenciais para desenvolvedores em 2020

9 visualizações

Artigos

9 visualizações

Dez habilidades essenciais para desenvolvedores em 2020

Carlos L. A. da Silva - 16 de janeiro de 2020

Amplie e aperfeiçoe seu arsenal de conhecimento com essas competências fundamentais.

Promoções de Jogos do Final de Semana (10/01)

19 visualizações

Notícias

19 visualizações

Promoções de Jogos do Final de Semana (10/01)

Carlos L. A. da Silva - 10 de janeiro de 2020

Confira as melhores ofertas de jogos de PC para o final de semana.

Mais publicações

A IA do Google derrubou o câncer de mama? Não exatamente

20 visualizações

20 visualizações

A IA do Google derrubou o câncer de mama? Não exatamente

Carlos L. A. da Silva - 10 de janeiro de 2020

Mudanças no YouTube para conteúdo infantil já estão valendo

20 visualizações

20 visualizações

Mudanças no YouTube para conteúdo infantil já estão valendo

Carlos L. A. da Silva - 7 de janeiro de 2020

Frameworks de servidor HTTP para Dart

32 visualizações

32 visualizações

Frameworks de servidor HTTP para Dart

Carlos L. A. da Silva - 6 de janeiro de 2020

Promoções de Jogos do Final de Semana (03/01)

21 visualizações

21 visualizações

Promoções de Jogos do Final de Semana (03/01)

Carlos L. A. da Silva - 3 de janeiro de 2020