Thunder-Boy

Mais um truque legal com o batuta Jquery… dessa vez a dica do Raphael Fagundes.

Você conhece máscara né? É aquela pré-formatação, que serve para o usuário escrever as informações da maneira que o programador deseja, sem ter que fazer uma validação.

O Jquery como sendo um dos melhores Frameworks da atualidade também implementa esse recurso através do plugin chamado Masked Input, veja como funciona:

a – Representa letras (A-Z, a-z)
9 – Representa números (0-9)
* – Representa caracteres alfanuméricos (A-Z, a-z, 0-9)

Inclua tanto a biblioteca jQuery quanto o plugin no seu script:

<script src=”jquery-1.2.6.js” type=”text/javascript”></script>
<script src=”jquery.maskedinput-1.1.3″ type=”text/javascript”></script>

Abaixo está a função:

<script type=”text/javascript”>
jQuery(function($){
$(”#data”).mask(”99/99/9999″);
$(”#tel”).mask(”(99) 9999-9999″);
$(”#cel”).mask(”99-9999999″); });
</script>

As tags data, tel e cel são o id do campo que você deseja aplicar a máscara.

Site Plugin: http://digitalbush.com/projects/masked-input-plugin
Site jQuery: http://docs.jquery.com/Downloading_jQuery
Fonte: http://jquerybrasil.com/campo_de_formulario_com_mascara_jquery/

Veja também...

1. Auto Resize para campos Textareas
2. Biblioteca Jquery, não importe, invoque
3. Como validar formulários facilmente com Vanadium
4. Importar JavaScript dentro de outro JavaScript
5. Como criar interatividade com Jquery sem saber nada de JavaScript?

Related posts brought to you by Yet Another Related Posts Plugin.