Publicado em 13 de abr.

Campo com máscara que já carrega com a página

#javascript

Olá galera,

tem alguns sites onde o cadastro já tem os campos com a máscara "pronta", vamos dizer:

Exemplo:

O Campo Telefone já tem na primeiro caracter o (

no quarto caracter já tem o )

e no nono caracter já tem o hífen

daí quando o usuário preenche já está formatado tudo bonitinho..

agora, como fazer isso ??

abraço galera

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

hinom· 13 de abr.

use um filtro antes de referenciar o valor ao campo

ghenschel· 13 de abr.

não entendi Hinom,

não conheço JavaScript :(

abraço

hinom· 13 de abr.

exempplo prático

<script language=javascript>

	function FilterMask( type, str )
	{

 switch( type )
 {
 case 'tel':
 pt = '(' + str.substring( 0, 3 ) + ')';
 pt += '-' + str.substring( 3, 6 );
 pt += '-' + str.substring( 6 );
 str = pt;
 break;
 }

 return str;

	}

	form = new Array();

	form['foo'] = FilterMask( 'tel', '0529871234' );

	f = 'foo';
	frm = '<input type="text" name="' + f + '" value="' + form[f] + '" size="25">';

	document.write( frm );

</script>

Mateus André Chies· 13 de abr.

<html>

	<head>

 <script>

 function formata(campo)

 {

 var valor = campo.value;

 if (valor.length==1)

 campo.value=valor+"(";

 if (valor.length==4)

 campo.value=valor+")";

 if (valor.length==9)

 campo.value=valor+"-";

 }

 </script>

 </head>

	<body>

 <input id="tel" type="text" value="" onkeyup="formata(this)" maxlength="14"> 0(xx)0000-0000

	</body>

</html>