Array
(
)

Mascara e validacao de CPF com javascript

Andrea
   - 22 jun 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{3}.\d{3}.\d{3}-\d{2}$/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{3})(\d)/,"$1.$2") //Coloca ponto entre o terceiro e o quarto dígitos
v=v.replace(/(\d{3})(\d)/,"$1.$2") //Coloca ponto entre o setimo e o oitava dígitos
v=v.replace(/(\d{3})(\d)/,"$1-$2") //Coloca ponto entre o decimoprimeiro e o decimosegundo dígitos
return v
}

Jothaz
   - 23 jun 2016

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.

Jothaz
   - 23 jun 2016

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.

#Código

			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:

#Código
				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.