como eu faço para colocar em um input parentes ?
09/12/2015
0
exemplo quando o usurário for digitar um numero de telefone ele digite dessa forma (99) 9999-9999
Erik Silva
Curtir tópico
+ 0
Responder
Post mais votado
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]
Marcelo Pastore
Responder
Mais Posts
12/12/2015
Edson Costa
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.....
Responder
Clique aqui para fazer login e interagir na Comunidade :)
