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