como eu faço para colocar em um input parentes ?

09/12/2015

exemplo quando o usurário for digitar um numero de telefone ele digite dessa forma (99) 9999-9999

PHP

Erik Silva

Melhor resposta

09/12/2015

Com HTML e Javascript:


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

Outras Respostas

09/12/2015

Erik Silva

o mano vlw !
Responder Citar

09/12/2015

Marcelo Pastore

o mano vlw !


De nada Erik.
Responder Citar

12/12/2015

Edson Silva

Com HTML e Javascript:

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