html Demoámáscaracomexpressãocusticalde telefone brasileiro queaceitanúmerode8 e
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html Demoámáscaracomexpressãocusticalde telefone brasileiro queaceitanúmerode8 e相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Demo Máscara Telefone</title>
</head>
<body>
Telefone: <input onkeypress="mascaraTelefone(this)"/><br />
<script>
/*
Modelo de chamada: <input onkeypress="mascaraTelefone(this) /> this = objeto DOM do input
Adição de função de leitura do campo, em outra linha de execução - setTimerout()
Parâmetro: input - objeto do DOM. Alternativa: object.getElementById("id")
*/
function mascaraTelefone(input){
input.maxLength = 15;//propriedade maxlength adicionada ao campo por javascript
setTimeout(//set timeout usado para atualização mais precisa
function(){
input.value = formataTelefone(input.value);//atualização do campo com seu valor formatado em formataTelefone()
}
,1//atualização do campo a cada milisegundo
);
}
/*
Tratamento da string por expressão regular.
Parâmetro: value - string a ser tratada
Retorno: value - string tratada no formato da máscara
*/
function formataTelefone(value){
value = value.replace(/\D/g,"");//Remove tudo o que não é dígito
value = value.replace(/^(\d\d)(\d)/g,"($1) $2");//Coloca parênteses em volta dos dois primeiros dígitos
if(value.length < 14) value = value.replace(/(\d{4})(\d)/,"$1-$2");//Número com 8 dígitos. Formato: (99) 9999-9999
else value = value.replace(/(\d{5})(\d)/,"$1-$2");//Número com 9 dígitos. Formato: (99) 99999-9999
return value;
}
//Fonte: http://elcio.com.br/ajax/mascara/
</script>
</body>
</html>
以上是关于html Demoámáscaracomexpressãocusticalde telefone brasileiro queaceitanúmerode8 e的主要内容,如果未能解决你的问题,请参考以下文章