Máscara para campo CPF 26.04.16 8:58
Olá pessoal, hoje venho mostrar pra vocês, como fazer a máscara para um campo CPF, isso mesmo, quando você digita automaticamente adicionar os caracteres de " . " e " - " no final, vejamos:
E também tem esse que bloqueia as letras e ainda coloca máscara mesmo se pressionar a tecla e não soltar
Créditos:
Victor Cometti
Alaerte Gabriel
- Spoiler:
- <script type="text/javascript">
<!--
function FormataCpf(campo, teclapres)
{
var tecla = teclapres.keyCode;
var vr = new String(campo.value);
vr = vr.replace(".", "");
vr = vr.replace("/", "");
vr = vr.replace("-", "");
tam = vr.length + 1;
if (tecla != 14)
{
if (tam == 4)
campo.value = vr.substr(0, 3) + '.';
if (tam == 7)
campo.value = vr.substr(0, 3) + '.' + vr.substr(3, 6) + '.';
if (tam == 11)
campo.value = vr.substr(0, 3) + '.' + vr.substr(3, 3) + '.' + vr.substr(7, 3) + '-' + vr.substr(11, 2);
}
}
//-->
</script>
<input name="cpf" type="text" id="cpf" size="30" maxlength="14" onkeyup="FormataCpf(this,event);" />
E também tem esse que bloqueia as letras e ainda coloca máscara mesmo se pressionar a tecla e não soltar
- Spoiler:
- <script>
function FormataCpf(campo,e){
if ((e.keyCode >=48) && (e.keyCode <=57)){//só entra se for número
if (campo.value.length == 3 || campo.value.length == 7){//verifica a quantidade de caracteres
campo.value += '.';
}
else if (campo.value.length == 11){
campo.value += '-';
}
return true;
}
else{
return false;
}
}
</script>
<input name="cpf" type="text" id="cpf" size="30" maxlength="14" onkeypress="return FormataCpf(this,event);" />
Créditos:
Victor Cometti
Alaerte Gabriel