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

11 de fevereiro de 2008

11/02/2008 - 19 anos ;D

Bom galera um post meio inútil, mas hoje completo 19 anos ;D

Estou passando meu dia de aniver inteiro para corrigir uma biblioteca de '.mask' em jquery pra poder fazer um post bem legal pra vocês!!

acho que até amanhã já resolvi todos os bugs e venho com o post aqui ;D

Intão acho que meu atraso semanal de post no blog ta perdoado néh. hehehhe

E para o pessoal que lembro do aniver, vlws!! fico contente por isso ;)

até mais ;x