11 de março de 2008

Mask com JQuery

Opa!!! depois de um chá de sumisso estou de volta ;)

Bom fiquei meio afastado do blog porque sofri um acidente de moto, mas agora está tudo no lugar novamente.

Como prometido hoje vou posta aqui para vocês a biblioteca 'mask.js' que eu estava corrigindo e deixando dinamicamente.

Vamos lá!!

Exemplo

Crie um arquivo chamado 'arquivo.html' e cole o seguinte código:

>CODE <<>

<html>
<head>
<title>Mask com JQuery</title>
<script src="jquery-1.1.3.1.min.js" type="text/javascript"></script>
<script src="mask.js" type="text/javascript"></script>
</head>
<body>
<form action="">
<div>
Data:
<input type="text" size="15" id="data" mask='99/99/9999' onchange="maskOut(this.id)"/> <br />
CEP:
<input type="text" size="15" id="cep" mask='999999-999' onchange="maskOut(this.id)"/> <br />
CPF:
<input type="text" size="15" id="cpf" mask='999.999.999-99' onchange="maskOut(this.id)"/> <br />
RG:
<input type="text" size="15" id="rg" mask='999.999.999-xx' onchange="maskOut(this.id)"/> <br />
Placa Veículo:
<input type="text" size="15" id="placa_veiculo" mask='aaa-999' onchange="maskOut(this.id)"/>
</div>
</form>

</body>
</html>

IMPORTANTE
todas as input devem ter OBRIGATÓRIAMENTE os atributos 'id', mask' e 'onchange'
<input type="text" size="15" id="rg" mask='999.999.999-xx' onchange="maskOut(this.id)"/> <br />

Lembrando-se
o valor '9' para identificar que a input é somente número
o valor 'a' para identificar que a input é somente letras
o valor 'x' para identificar que a input é somente letras e números

Exemplos

99/99/999 -> 11/02/1989
aaa-999 -> abc-648
99.999.999-xx -> 44.788.610-t9
xxxx.99.aaa -> e4b8.10.ton



Agora faça o download da biblioteca 'mask.js'

Download da biblioteca mask.js
Arquivo JS (mask.js)
(OBs:. Este código foi produzido por Josh Bush e adaptador por Laion Camargo)

Legalll ;)

Até mais!!