Skip to main content
Pergunta fechada como "Duplicada" por Don't Panic, Caique Romero, Syzoth javascript
adicionou 200 caracteres ao conteúdo; título editado
Fonte Link
Wictor Chaves
  • 8,6mil
  • 2
  • 28
  • 62

COMO VALIDAR CPF COM MÁSCARA EM JAVASCRIPT Como validar cpf com máscara em javascript?

Galera Sou iniciante na área e queria saber como faço para validar cpf com máscara em javascript, eu andei pesquisando e não consegui achar um que fizesse os dois ao mesmo tempo. Tenho um exemplo que tinha feito que no caso a validação era feita online, mas o site que eu usava a validação saiu do ar. Desde Já Agradeço.

<html>
Validar CPF com Máscara by TchekiGamer
<head>
  <title>Validar CPF com Máscara by TchekiGamer</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="language" content="PT-BR"/>

    <script src="http://www.geradorcpf.com/scripts.js"></script>
    <script src="http://www.geradorcpf.com/jquery-1.2.6.pack.js"></script>
    <script src="http://www.geradorcpf.com/jquery.maskedinput-1.1.4.pack.js"></script>

    </script>

    <script type="text/javascript">$(document).ready(function(){  
      $(".cpf").mask("999.999.999-99");   

      $("#cpf").blur(function (){
        if($("#cpf").val() == '') {           
          $("#saida").html("Informe um CPF");         
          return false;   
        }    
        if(validarCPF($("#cpf").val())) {         
          $(".cpf").css('border-color','limegreen');     
        } 
        else {            
          $(".cpf").css('border-color','red');     
        } 
      });
    });
   </script>
</head>

<body>

  <form id="form1" name="form1" method="post" action="">

    <div align="center" id="saida1">
      <label>Digite o seu cpf</label>
      <input name="cpf" type="text" class="cpf" id="cpf">
    </div>

    <div align="center" id="saida1">
      <label>Teste</label>
      <input name="teste" type="text" class="teste">
    </div>

    <div align="center" id="saida" class="style7"> <!--aparece mensagem de CPF Invalido--> </div>

  </form>
</body>
</html>
  

COMO VALIDAR CPF COM MÁSCARA EM JAVASCRIPT?

Galera Sou iniciante na área e queria saber como faço para validar cpf com máscara em javascript, eu andei pesquisando e não consegui achar um que fizesse os dois ao mesmo tempo. Tenho um exemplo que tinha feito que no caso a validação era feita online, mas o site que eu usava a validação saiu do ar. Desde Já Agradeço.

<html>
Validar CPF com Máscara by TchekiGamer
<script src="http://www.geradorcpf.com/scripts.js"></script>
<script src="http://www.geradorcpf.com/jquery-1.2.6.pack.js"></script>
<script src="http://www.geradorcpf.com/jquery.maskedinput-1.1.4.pack.js"></script>

</script>

<script type="text/javascript">$(document).ready(function(){  
  $(".cpf").mask("999.999.999-99");   

  $("#cpf").blur(function (){
    if($("#cpf").val() == '') {           
      $("#saida").html("Informe um CPF");         
      return false;   
    }    
    if(validarCPF($("#cpf").val())) {         
      $(".cpf").css('border-color','limegreen');     
    } 
    else {            
      $(".cpf").css('border-color','red');     
    } 
  });
});
 <div align="center" id="saida1">
  <label>Digite o seu cpf</label>
  <input name="cpf" type="text" class="cpf" id="cpf">
</div>

<div align="center" id="saida1">
  <label>Teste</label>
  <input name="teste" type="text" class="teste">
</div>

<div align="center" id="saida" class="style7"> <!--aparece mensagem de CPF Invalido--> </div>
 

Como validar cpf com máscara em javascript?

Galera Sou iniciante na área e queria saber como faço para validar cpf com máscara em javascript, eu andei pesquisando e não consegui achar um que fizesse os dois ao mesmo tempo. Tenho um exemplo que tinha feito que no caso a validação era feita online, mas o site que eu usava a validação saiu do ar. Desde Já Agradeço.

<html>
<head>
  <title>Validar CPF com Máscara by TchekiGamer</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="language" content="PT-BR"/>

    <script src="http://www.geradorcpf.com/scripts.js"></script>
    <script src="http://www.geradorcpf.com/jquery-1.2.6.pack.js"></script>
    <script src="http://www.geradorcpf.com/jquery.maskedinput-1.1.4.pack.js"></script>

    </script>

    <script type="text/javascript">$(document).ready(function(){  
      $(".cpf").mask("999.999.999-99");   

      $("#cpf").blur(function (){
        if($("#cpf").val() == '') {           
          $("#saida").html("Informe um CPF");         
          return false;   
        }    
        if(validarCPF($("#cpf").val())) {         
          $(".cpf").css('border-color','limegreen');     
        } 
        else {            
          $(".cpf").css('border-color','red');     
        } 
      });
    });
  </script>
</head>

<body>

  <form id="form1" name="form1" method="post" action="">

    <div align="center" id="saida1">
      <label>Digite o seu cpf</label>
      <input name="cpf" type="text" class="cpf" id="cpf">
    </div>

    <div align="center" id="saida1">
      <label>Teste</label>
      <input name="teste" type="text" class="teste">
    </div>

    <div align="center" id="saida" class="style7"> <!--aparece mensagem de CPF Invalido--> </div>

  </form>
</body>
</html>
 
Fonte Link

COMO VALIDAR CPF COM MÁSCARA EM JAVASCRIPT?

Galera Sou iniciante na área e queria saber como faço para validar cpf com máscara em javascript, eu andei pesquisando e não consegui achar um que fizesse os dois ao mesmo tempo. Tenho um exemplo que tinha feito que no caso a validação era feita online, mas o site que eu usava a validação saiu do ar. Desde Já Agradeço.

<html>
Validar CPF com Máscara by TchekiGamer
<script src="http://www.geradorcpf.com/scripts.js"></script>
<script src="http://www.geradorcpf.com/jquery-1.2.6.pack.js"></script>
<script src="http://www.geradorcpf.com/jquery.maskedinput-1.1.4.pack.js"></script>

</script>

<script type="text/javascript">$(document).ready(function(){  
  $(".cpf").mask("999.999.999-99");   

  $("#cpf").blur(function (){
    if($("#cpf").val() == '') {           
      $("#saida").html("Informe um CPF");         
      return false;   
    }    
    if(validarCPF($("#cpf").val())) {         
      $(".cpf").css('border-color','limegreen');     
    } 
    else {            
      $(".cpf").css('border-color','red');     
    } 
  });
});
<div align="center" id="saida1">
  <label>Digite o seu cpf</label>
  <input name="cpf" type="text" class="cpf" id="cpf">
</div>

<div align="center" id="saida1">
  <label>Teste</label>
  <input name="teste" type="text" class="teste">
</div>

<div align="center" id="saida" class="style7"> <!--aparece mensagem de CPF Invalido--> </div>