Máscara para formatar formulários

Fazer pré-formatação de campos em formulários para facilitar e ao mesmo tempo limitar o preenchimento pode ser simplificado com o uso de bibliotecas como  jQuery.

A vantagem de usar estas bibliotecas é que as vezes você pode estar evitando um combate para tornar a página compatível com um navegador… mas vamos ao que interessa.

Faça o download dos JS:

• Versão FULL
• Versão Compacta

Tome ciência que:

• a – Representa texto (A-Z,a-z)
• 9 – Caracteres numéricos (0-9)
• * – Caracteres diversos (A-Z,a-z,0-9)

Vamos ao HTML:

Insira:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>

Depois é só chamar a função que irá formatar os compos com a

máscara que você definir:

jQuery(function($){
   $("#date").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
});
O tutorial completo e demos estão disponíveis aqui.