Mascara e validacao de CPF com javascript

22/06/2016

Boa noite, estou usando o seguinte script para mascara e validação de CPF ela está funcionando perfeitamente, porém gostaria q quando o CPF estivesse incorreto ao tirar o cursor no campo os números digitados fossem deletados, porém ja fiz inúmeras modificações e nenhuma foram válidas, o que vcs sugerem?

function validarCPF( cpf ){
var filtro = /^\d.\d.\d-\d$/i;

if(!filtro.test(cpf)){
window.alert("CPF inválido. Por favor corrija.");

return false;
}

cpf = remove(cpf, ".");
cpf = remove(cpf, "-");

if(cpf.length != 11 || cpf == "00000000000" || cpf == "11111111111" ||
cpf == "22222222222" || cpf == "33333333333" || cpf == "44444444444" ||
cpf == "55555555555" || cpf == "66666666666" || cpf == "77777777777" ||
cpf == "88888888888" || cpf == "99999999999")
{
window.alert("CPF inválido. Por favor corrija.");
return false;
}

soma = 0;
for(i = 0; i < 9; i++)
{
soma += parseInt(cpf.charAt(i)) * (10 - i);
}

resto = 11 - (soma % 11);
if(resto == 10 || resto == 11)
{
resto = 0;
}
if(resto != parseInt(cpf.charAt(9))){
window.alert("CPF inválido. Por favor corrija.");
return false;
}

soma = 0;
for(i = 0; i < 10; i ++)
{
soma += parseInt(cpf.charAt(i)) * (11 - i);
}
resto = 11 - (soma % 11);
if(resto == 10 || resto == 11)
{
resto = 0;
}

if(resto != parseInt(cpf.charAt(10))){
window.alert("CPF inválido. Por favor corrija.");
this.value = ""
return false;
}

return true;
}

function remove(str, sub) {
i = str.indexOf(sub);
r = "";
if (i == -1) return str;
{
r += str.substring(0,i) + remove(str.substring(i + sub.length), sub);
}

return r;
}

function mascara(o,f){
v_obj=o
v_fun=f
setTimeout("execmascara()",1)
}

function execmascara(){
v_obj.value=v_fun(v_obj.value)
}

function cpf_mask(v){
v=v.replace(/\D/g,"") //Remove tudo o que não é dígito
v=v.replace(/(\d)(\d)/,"$1.$2") //Coloca ponto entre o terceiro e o quarto dígitos
v=v.replace(/(\d)(\d)/,"$1.$2") //Coloca ponto entre o setimo e o oitava dígitos
v=v.replace(/(\d)(\d)/,"$1-$2") //Coloca ponto entre o decimoprimeiro e o decimosegundo dígitos
return v
}

Andrea

Respostas

23/06/2016

Jothaz

Por favro use a tag code "</>" o primeiro ícone a esquerda e coloque seu código dentro, pois do contrário fica muito difícil ler e ajudar.
Responder Citar

23/06/2016

Jothaz

No contexto apresentado a forma mais simples de fazer o que você seria cria uma função para exibir a mesagem, limpar o campo e setar o focus.

			function msgValidarCPF(){
				alert("CPF inválido. Por favor corrija.");
				document.getElementById(seu-campo-cpf).value = '''''''';
				document.getElementById(seu-campo-cpf).focus()
			}



E substituir em todos os locais do código onde existe a mensagem chamando a função:

				if(!filtro.test(cpf)){
					msgValidarCPF();
					return false;
				}

				cpf = remove(cpf, ".");
				cpf = remove(cpf, "-");

				if(cpf.length != 11 || cpf == "00000000000" || cpf == "11111111111" ||
				cpf == "22222222222" || cpf == "33333333333" || cpf == "44444444444" ||
				cpf == "55555555555" || cpf == "66666666666" || cpf == "77777777777" ||
				cpf == "88888888888" || cpf == "99999999999")
				{
				
                                	msgValidarCPF();
					return false;

				}


A não ser que voce esta usando como aprendizado acho que seria muito mais proveitoso e produtivo utilizar o jquery para criar as mascaras e validar.
Responder Citar