0

boa noite. tenho este campo com máscara ao digitar o cpf, acontece que se copiar/colar ele não aplica a máscara, só os numeros.

como poderei ter as 2 formas de máscara no imput?

function formatar(mascara, documento){
  var i = documento.value.length;
  var saida = mascara.substring(0,1);
  var texto = mascara.substring(i)

  if (texto.substring(0,1) != saida){
            documento.value += texto.substring(0,1);
  }

}

o input:
<input type="text" name="ao_cpf" id="ao_cpf" placeholder="CPF" maxlength="14" OnKeyPress="formatar('###.###.###-##', this)" />
5
  • Já tentaste com onpaste ou oninput?
    – Sergio
    7/07/2017 às 21:30
  • como assim, no input ou no java?
    – user26858
    7/07/2017 às 21:36
  • 1
    No elemento HTML: onpaste="formatar('###.###.###-##', this)" oninput="formatar('###.###.###-##', this)"
    – Sergio
    7/07/2017 às 21:40
  • o copiar/colar não funcionou...
    – user26858
    7/07/2017 às 22:21
  • Você já tentou usar o Maskedinput: plugins.jquery.com/maskedinput 8/07/2017 às 12:21

2 Respostas 2

1

O código está comentado e de fácil entendimento

function ValidaCPF(){   

var ao_cpf=document.getElementById("ao_cpf").value ; 
var cpfValido = /^(([0-9]{3}.[0-9]{3}.[0-9]{3}-[0-9]{2}))$/; 

    if (cpfValido.test(ao_cpf) == false)    { 
 
	    ao_cpf = ao_cpf.replace( /\D/g , ""); //Remove tudo o que não é dígito
	    
	    if (ao_cpf.length==11){
		    ao_cpf = ao_cpf.replace( /(\d{3})(\d)/ , "$1.$2"); //Coloca um ponto entre o terceiro e o quarto dígitos
		    ao_cpf = ao_cpf.replace( /(\d{3})(\d)/ , "$1.$2"); //Coloca um ponto entre o terceiro e o quarto dígitos
		    //de novo (para o segundo bloco de números)
		    ao_cpf = ao_cpf.replace( /(\d{3})(\d{1,2})$/ , "$1-$2"); //Coloca um hífen entre o terceiro e o quarto dígitos
		    
		    var valorValido = document.getElementById("ao_cpf").value = ao_cpf;
	    }else{
	    	alert("CPF invalido");
	    }
	
    }
}
<input type="text" name="ao_cpf" id="ao_cpf" placeholder="CPF" maxlength="14" OnBlur="ValidaCPF();"/>

o X da questão passa pela exclusão de qualquer digito que não seja numero e testar se retorna 11 caracteres, o que supõe que foi inserido um cpf valido porém sem a formatação esperada.

1

veja se funciona (aproveitei parte do código do amigo acima):

JavaScript:

function formatar(mascara, documento){
  var i = documento.value.length;
    if(i < 14){
      var saida = mascara.substring(0,1);
      var texto = mascara.substring(i);
      if (texto.substring(0,1) != saida){
            documento.value += texto.substring(0,1);
      }

      if(i >= 11){
          var ao_cpf=document.getElementById("ao_cpf").value;
              ao_cpf = ao_cpf.replace( /\D/g , "");
            ao_cpf = ao_cpf.replace( /(\d{3})(\d)/ , "$1.$2"); //Coloca um ponto entre o terceiro e o quarto dígitos
            ao_cpf = ao_cpf.replace( /(\d{3})(\d)/ , "$1.$2"); //Coloca um ponto entre o terceiro e o quarto dígitos
            //de novo (para o segundo bloco de números)
            ao_cpf = ao_cpf.replace( /(\d{3})(\d{1,2})$/ , "$1-$2"); //Coloca um hífen entre o terceiro e o quarto dígitos
            var valorValido = document.getElementById("ao_cpf").value = ao_cpf;
      }
    }

}

Input:

<input type="text" name="ao_cpf" id="ao_cpf" placeholder="CPF" maxlength="14" onMouseOut="formatar('###.###.###-##', this)" onKeyUp="formatar('###.###.###-##', this)" />

Fiddle: https://jsfiddle.net/qz19ou7g/1/

Você deve fazer log-in para responder a esta pergunta.