Jquery – Input com Máscara – Masked Input Plugin

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/