Máscaras de formulários
Fazendo máscaras para formulários como CPF, datas e outros tipos.
Utilizamos o plugin Masked Input para criar máscaras de campos de formulários. No Locaweb Style nós não tratamos nenhuma máscara por default, logo você precisará fazer isso no seu projeto. O funcionamento é muito simples. Você pode definir em uma linha no seu Javascript/JQuery como será a máscara dos determinados inputs.
$("#data").mask("99/99/9999");
//Aceita até 9 digitos
$('#telefone').mask("(99) 9999-9999?9").ready(function(event) {
var target, phone, element;
target = (event.currentTarget) ? event.currentTarget : event.srcElement;
phone = target.value.replace(/\D/g, '');
element = $(target);
element.unmask();
if(phone.length > 10) {
element.mask("(99) 99999-999?9");
} else {
element.mask("(99) 9999-9999?9");
}
});
$("#cpf").mask("999.999.999-99");
Trocando o Underline por outra coisa
Se você não quer que a máscara fique com os underlines (___), você pode modificar pelo parâmetro placeholder, assim:
Assim, ele mostraria espaços em vez de _ (underline).
$("#cpf").mask("999.999.999-99",{placeholder:" "});
Executando uma função
Você pode executar uma função quando o campo for totalmente completo.
$("#data").mask("99/99/9999",{completed:function(){alert("Você digitou a data: "+this.val());}});