[Resolvido] Apagar Input Text e onfocus (validação CPF onblur)

Raul Bismarck · Novembro 18, 2012

Boa noite.

Pesquisando alguns código na Internet, fiz algumas adaptações e criei um código de validação de CPF com onblur. Ou seja, quando o usuário digita o valor do Input Text e vai para outro campo , a função de validar CPF é chamada. Até aí tudo bem, está funcionando direitinho. Mas eu gostaria de melhorar este código e não consegui, pois tenho dificuldades com javascript.

Gostaria de adicionar ao código uma rotina,

se ele der a mensagem de CPF inválido (alert("CPF Inválido! Tente Novamente!"), automaticamente o valor do Input Text é apagado e o focus do mouse é direcionado novamente para o campo CPF, ou seja, ele volta para o campo CPF e apaga o valor incorreto, para que o usuário digite novamente.

Alguém pode me ajudar?

Segue o código abaixo:

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

if(!filtro.test(cpf))
{
	window.alert("CPF inválido. Tente novamente.");
               document.cpf.value='';
               document.cpf.focus();
	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. Tente novamente.");
	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. Tente novamente.");
	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. Tente novamente.");
	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;
}

/**
  * MASCARA ( mascara(o,f) e execmascara() ) CRIADAS POR ELCIO LUIZ
  * elcio.com.br
  */
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
}

Bru_ce · Novembro 18, 2012


$("#campo").val("");
$("#campo").focus();

Raul Bismarck · Novembro 18, 2012


$("#campo").val("");
$("#campo").focus();

Onde eu adiciono isso?

Bergs · Novembro 18, 2012

adiciona sempre depois dos alerts de validação de cpf.

use seu javascript puro.

document.cpf.value='';
document.cpf.focus();

Raul Bismarck · Novembro 18, 2012

Não funcionou!

O código é pra ficar assim mesmo?

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

if(!filtro.test(cpf))
{
	window.alert("CPF inválido. Tente novamente.");
               document.cpf.value='';
               document.cpf.focus();
               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. Tente novamente.");
               document.cpf.value='';
               document.cpf.focus();
               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. Tente novamente.");
               document.cpf.value='';
               document.cpf.focus();
               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. Tente novamente.");
               document.cpf.value='';
               document.cpf.focus();
               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
}

Mais alguém?

Bru_ce · Novembro 19, 2012

falta o nome de seu form,


document.form.cpf.value = '';

Raul Bismarck · Novembro 19, 2012

Perfeito. Deu certo aqui o nome do meu form é form. Muito obrigado!

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

if(!filtro.test(cpf))
{
	window.alert("CPF inválido. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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
}

Bru_ce · Novembro 19, 2012

que bom ! =]

rbrodrigues · Novembro 9, 2017

Raul ou Bruce, como faço chamar a função em meu formulario? Estou com o seguinte formulario

                   </div>
               </div>
               <div class="row actions">
                   <div class="col-sm-12 col-md-6">
                       <input type="submit" value=" ${{lum_localize('STR_STAND_UP_FOR')}}" name="submit" id="submitButton" class="btn btn-default btn-primary-corp-big" title="${{lum_localize('STR_STAND_UP_FOR')}}" />
                   </div>

               </div>
           </fieldset>
       </form>

Em 18/11/2012 at 23:08, Raul Bismarck disse:

Perfeito. Deu certo aqui o nome do meu form é form. Muito obrigado!


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

if(!filtro.test(cpf))
{
	window.alert("CPF inválido. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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. Tente novamente.");
               document.form.cpf.value = '';
               document.form.cpf.focus();
               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
}

Raul, como você chama a função no formulario? tem como você postar o trecho?

Arquivado

[Resolvido] Apagar Input Text e onfocus (validação CPF onblur)

Recommended Posts

Raul Bismarck 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

Raul Bismarck 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bergs 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

Raul Bismarck 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

Raul Bismarck 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

rbrodrigues 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Fóruns

Tempo Real

Informação importante