Validar CPF

[gersonab 1]

tenho um formulário de cadastro, onde em um campo input tem o cadastro de um cpf, este consigo fazer a validação com o método blur por uma vez, se eu insistir no cpf errado ele aceita, teria uma forma de bloquear o cadastro com o cpf errado ?

<input type="text" name="cpfc" id="cpfc" class="form-control cpfcp"  value="" placeholder="99999999999">
<script>
  function validarCPF(cpfc) {	
    cpfc = cpfc.replace(/[^\d]+/g,'');	
    if(cpfc == '') return true;	
    // Elimina CPFs invalidos conhecidos	
    if (cpfc.length != 11 || 
        cpfc == "00000000000" || 
        cpfc == "11111111111" || 
        cpfc == "22222222222" || 
        cpfc == "33333333333" || 
        cpfc == "44444444444" || 
        cpfc == "55555555555" || 
        cpfc == "66666666666" || 
        cpfc == "77777777777" || 
        cpfc == "88888888888" || 
        cpfc == "99999999999")
      return false;		
    // Valida 1o digito	
    add = 0;	
    for (i=0; i < 9; i ++)		
      add += parseInt(cpfc.charAt(i)) * (10 - i);	
    rev = 11 - (add % 11);	
    if (rev == 10 || rev == 11)		
      rev = 0;	
    if (rev != parseInt(cpfc.charAt(9)))		
      return false;		
    // Valida 2o digito	
    add = 0;	
    for (i = 0; i < 10; i ++)		
      add += parseInt(cpfc.charAt(i)) * (11 - i);	
    rev = 11 - (add % 11);	
    if (rev == 10 || rev == 11)	
      rev = 0;	
    if (rev != parseInt(cpfc.charAt(10)))
      return false;		
    return true;   
  }

  var $input_cpfc = document.getElementById('cpfc');
  $input_cpfc.addEventListener("blur", function() {
    if (!validarCPF($input_cpfc.value)) {
      alert('CPF Inválido!');
      $input_cpfc = document.getElementById("cpfc").value="";
    }
  }, false);
</script>

Desde já agradeço.

[Higor Roberto 2]

Olá gernosab.

Além do onblur você pode fazer a validação pelo onsubmit no seu form.

Exemplo: https://www.w3schools.com/js/js_validation.asp

[gersonab 1]

Boa noite Higor, o que acontece, são dois campos onde faço essa validação, um cpf e outro cnpj, ambas funcionam uma vez, como informado acima, no entanto uma das duas podem estar vazias, a validação só acontece para verificar os dados, eu preciso que ao inserir pela segunda vez o cpf ou cnpj incorreto esta continue a validar, que não esta ocorrendo.

[gersonab 1]

bom dia a todos, no momento só estou conseguindo com reload na página apos o alert, teria como fazer um reload na função após o alert ?

var $input_cpfc = document.getElementById('cpfc');
$input_cpfc.addEventListener("blur", function() {
if (!validarCPF($input_cpfc.value)) {
alert('CPF Inválido!');
$input_cpfc = document.getElementById("cpfc").value="";
location.reload();
}
}, false);

 

[Omar~ 87]

@gersonab

 

HTML:

<input type="text"
       name="cpf"
       minlength="14"
       maxlength="18"
       placeholder="Forneça seu cpf"
       onkeypress="mask(this, cpf)" onblur="clearTimeout()"
       pattern="([0-9]{3}[\.][0-9]{3}[\.][0-9]{3}[-][0-9]{2})"
/>

Javascript:

function mask(o, f) {
    v_obj = o;
    v_fun = f;
    setTimeout('obMask()', 1);
}
function obMask() {
    v_obj.value = v_fun(v_obj.value);
}
function cpf(v) {
    v = v.replace(/\D/g, "");
    v = v.replace(/(\d{3})(\d)/, "$1.$2");
    v = v.replace(/(\d{3})(\d)/, "$1.$2");
    v = v.replace(/(\d{3})(\d{1,2})$/, "$1-$2");
    return v;
}

PHP:

if (preg_match('/^([0-9]{3}[\.][0-9]{3}[\.][0-9]{3}[-][0-9]{2})$/', $_POST['cpf'])) {
    // É Válido
} else {
    // CPF fornecido não é válido!
}

 

[gersonab 1]

Vou verificar aqui.

[ociceromartins 3]

Fala, gernsonab!

Lembre-se de que é importante fazer a validação pelo lado do servidor também, e não só pelo lado do cliente.

Essa inclusive é mais importante do que a do lado do cliente.

 

Considerando que usuários mal intencionados podem desabilitar o JS e submeter o formulário, e caso você não esteja fazendo a validação pelo lado do servidor, ele vai aceitar!

 

Um abraço!