Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Cristiano Severino

[Resolvido] Mascara numero de telefone

Por , em Javascript

Recommended Posts

Cristiano Severino    0

Cristiano Severino
Postado

Pessoal,

 

Vi no site da locaweb quando clico no campo telefone o sistema gerar a mascara (__) ____-____ e conforme vai digitando os numero vai saindoos _ e entra os numeros, alguém sabe como faço isso? alguem pode me ajudar?

 

<?php include('config.php'); ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="screen.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="430" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <th class="tituloGrande" scope="col">CONTATO</th>
 </tr>
 <tr>
   <td><table width="430" border="0" cellspacing="0" cellpadding="10">
     <tr>
       <td scope="col"><form action="enviar.php" method="post" name="form1" id="form1" onSubmit="return valida();"><table width="328" border="0" align="center" cellpadding="0" cellspacing="3" class="verdana">
           <tr>
             <td width="86"> </td>
             <td width="203" valign="top"> </td>
             <td width="39" valign="top"> </td>
           </tr>
           <tr>
             <td height="20" colspan="4" class="style4"><div align="left"></div>
                     <div align="left"><strong>» Contato</strong></div></td>
           </tr>
           <tr>
             <td height="20" colspan="4" class="style4"><p>Cristiano - (47) 9147-1514<br />
               MSN: cristiano.severino@uol.com.br<br />
             </p></td>
           </tr>
           <tr>
             <td height="20" class="style4"> </td>
             <td height="20" valign="top" class="style4"> </td>
             <td valign="top" class="style4"> </td>
           </tr>
           <tr>
             <td class="style4">Nome:</td>
             <td valign="top" class="style4"><input name="nome" type="text" class="formulario" id="nome" size="35" value="" /></td>
             <td valign="top" class="style4"> </td>
           </tr>
           <tr>
             <td height="20" class="style4">Email:</td>
             <td height="20" valign="top" class="style4"><input name="email" type="text" class="formulario" id="email" size="35" value="" /></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4">Telefone:</td>
             <td height="20" valign="top" class="style4"><input name="telefone" type="text" class="formulario" id="telefone" size="35" value="" /></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4">Para:</td>
             <td height="20" valign="top" class="style4"><select name="para" class="formulario" id="para" style="color:#000000">
               <option value="comercial@q7design.com.br">Administração</option>
               <option value="comercial@q7design.com.br">Comercial</option>
               <option value="cristiano@q7design.com.br">Web Designer</option>
               <option value="cristiano@q7design.com.br">Cristiano</option>
			<option value="jaime@q7design.com.br">Jaime</option>
             </select></td>
             <td valign="top" class="style4"> </td>
           </tr>
           <tr>
             <td height="20" class="style4">Assunto:</td>
             <td height="20" valign="top" class="style4"><input name="assunto" type="text" class="formulario" id="assunto" size="35" value="" /></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4">Mensagem:</td>
             <td height="20" valign="top" class="style4"><textarea name="mensagem" cols="35" rows="5" class="formulario" id="mensagem"></textarea></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4"> </td>
             <td height="20" valign="top" class="style4"><br />
                     <input name="Enviar" type="submit" value="Enviar" style="color:#000000" /></td>
             <td valign="top" class="style4"> </td>
           </tr>

       </table>
       </form></td>
     </tr>
   </table></td>
 </tr>
 <tr>
   <td> </td>
 </tr>
</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cristiano Severino    0

Cristiano Severino
Postado

Usa jQuery velho

facinho, eu uso esse plugin que tem nesse tutorial aqui, da uma olhada:

 

http://www.tidbits.com.br/plugin-de-mascara-para-jquery-masked-input

 

 

Boa noite Beto,

 

Baixei os arquivos coloquei no servidor...

Porém acho que estou aplicando ele errado você pode me instruir... estou aprendendo ainda e não tou sabendo usar essa opção.

 

<?php include('config.php'); ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="screen.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="jquery.maskedinput-1.1.4.pack.js"/></script>
<script type="text/javascript">
$(document).ready(function(){
	$("telefone").mask("9999-9999");
	$("#cpf").mask("999.999.999-99");
	$("#cep").mask("99999-999");
	$("#data").mask("99/99/9999");
});
</script>
</head>

<body>
<table width="430" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <th class="tituloGrande" scope="col">CONTATO</th>
 </tr>
 <tr>
   <td><table width="430" border="0" cellspacing="0" cellpadding="10">
     <tr>
       <td scope="col"><form action="enviar.php" method="post" name="form1" id="form1" onSubmit="return valida();"><table width="328" border="0" align="center" cellpadding="0" cellspacing="3" class="verdana">
           <tr>
             <td width="86"> </td>
             <td width="203" valign="top"> </td>
             <td width="39" valign="top"> </td>
           </tr>
           <tr>
             <td height="20" colspan="4" class="style4"><div align="left"></div>
                     <div align="left"><strong>» Contato</strong></div></td>
           </tr>
           <tr>
             <td height="20" colspan="4" class="style4"><p>Cristiano - (47) 9147-1514<br />
               MSN: cristiano.severino@uol.com.br<br />
             </p></td>
           </tr>
           <tr>
             <td height="20" class="style4"> </td>
             <td height="20" valign="top" class="style4"> </td>
             <td valign="top" class="style4"> </td>
           </tr>
           <tr>
             <td class="style4">Nome:</td>
             <td valign="top" class="style4"><input name="nome" type="text" class="formulario" id="nome" size="35" value="" /></td>
             <td valign="top" class="style4"> </td>
           </tr>
           <tr>
             <td height="20" class="style4">Email:</td>
             <td height="20" valign="top" class="style4"><input name="email" type="text" class="formulario" id="email" size="35" value="" /></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4">Telefone:</td>
             <td height="20" valign="top" class="style4"><input name="telefone" type="text" class="formulario" id="telefone" size="35" value=""  /></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4">Para:</td>
             <td height="20" valign="top" class="style4"><select name="para" class="formulario" id="para" style="color:#000000">
               <option value="comercial@q7design.com.br">Administração</option>
               <option value="comercial@q7design.com.br">Comercial</option>
               <option value="cristiano@q7design.com.br">Web Designer</option>
               <option value="cristiano@q7design.com.br">Cristiano</option>
			<option value="jaime@q7design.com.br">Jaime</option>
             </select></td>
             <td valign="top" class="style4"> </td>
           </tr>
           <tr>
             <td height="20" class="style4">Assunto:</td>
             <td height="20" valign="top" class="style4"><input name="assunto" type="text" class="formulario" id="assunto" size="35" value="" /></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4">Mensagem:</td>
             <td height="20" valign="top" class="style4"><textarea name="mensagem" cols="35" rows="5" class="formulario" id="mensagem"></textarea></td>
             <td valign="top" class="style4"><div align="center" class="style8"></div></td>
           </tr>
           <tr>
             <td height="20" class="style4"> </td>
             <td height="20" valign="top" class="style4"><br />
                     <input name="Enviar" type="submit" value="Enviar" style="color:#000000" /></td>
             <td valign="top" class="style4"> </td>
           </tr>

       </table>
       </form></td>
     </tr>
   </table></td>
 </tr>
 <tr>
   <td> </td>
 </tr>
</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

faltou o #

 

$("#telefone").mask("9999-9999");

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito