como eu faço para colocar em um input parentes ?
exemplo quando o usurário for digitar um numero de telefone ele digite dessa forma (99) 9999-9999
Erik Silva
Curtidas 0
Melhor post
Marcelo Pastore
09/12/2015
Com HTML e Javascript:
fonte:[url]http://www.blog.andrerubiodesign.com.br/2014/02/mascara-para-preenchimento-de-telefone.html[/url]
<html>
<head>
<title>Mascara Telefone</title>
<script type="text/javascript">
function mascara(telefone){
if(telefone.value.length == 0)
telefone.value = '(' + telefone.value; //quando começamos a digitar, o script irá inserir um parênteses no começo do campo.
if(telefone.value.length == 3)
telefone.value = telefone.value + ') '; //quando o campo já tiver 3 caracteres (um parênteses e 2 números) o script irá inserir mais um parênteses, fechando assim o código de área.
if(telefone.value.length == 8)
telefone.value = telefone.value + '-'; //quando o campo já tiver 8 caracteres, o script irá inserir um tracinho, para melhor visualização do telefone.
}
</script>
</head>
<body>
Telefone: <input type="text" name="telefone" id="telefone" size="20" maxlength="14" onkeypress="mascara(this)">
</body>
</html>
fonte:[url]http://www.blog.andrerubiodesign.com.br/2014/02/mascara-para-preenchimento-de-telefone.html[/url]
GOSTEI 3
Mais Respostas
Erik Silva
09/12/2015
o mano vlw !
GOSTEI 0
Marcelo Pastore
09/12/2015
o mano vlw !
De nada Erik.
GOSTEI 0
Edson Costa
09/12/2015
Com HTML e Javascript:
fonte:[url]http://www.blog.andrerubiodesign.com.br/2014/02/mascara-para-preenchimento-de-telefone.html[/url]
<html>
<head>
<title>Mascara Telefone</title>
<script type="text/javascript">
function mascara(telefone){
if(telefone.value.length == 0)
telefone.value = '(' + telefone.value; //quando começamos a digitar, o script irá inserir um parênteses no começo do campo.
if(telefone.value.length == 3)
telefone.value = telefone.value + ') '; //quando o campo já tiver 3 caracteres (um parênteses e 2 números) o script irá inserir mais um parênteses, fechando assim o código de área.
if(telefone.value.length == 8)
telefone.value = telefone.value + '-'; //quando o campo já tiver 8 caracteres, o script irá inserir um tracinho, para melhor visualização do telefone.
}
</script>
</head>
<body>
Telefone: <input type="text" name="telefone" id="telefone" size="20" maxlength="14" onkeypress="mascara(this)">
</body>
</html>
fonte:[url]http://www.blog.andrerubiodesign.com.br/2014/02/mascara-para-preenchimento-de-telefone.html[/url]
excelente tuto, valeu através desse tuto conseguir suprir minha necessita.
Agradeço.....
GOSTEI 0