Fale comigo!

Excelente código para Máscara e Validação de CNPJ, CPF, CEP Data e Telefone

Código JavaScript Validação Máscara CPF CNPJ Máscara de Campo HTML Máscara e Validação JavaScript Validação de Formulários Web

formulario campos obrigatorios filtros

Excelente código para Máscara e Validação de CNPJ, CPF, CEP Data e Telefone

formulario campos obrigatorios filtros
formulario campos obrigatorios filtros

(OBS 17/02/2014 – Outro código muito bom para validação: Criando máscaras em formulários com Jquery)

Procurando um código para Máscara e Validação de CNPJ encontrei um excelente código que me permite criar outras máscaras (Máscara de RG por exemplo).

Encontrei o código no site Fórum Imasters.

Segue abaixo o código do form:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Formatacao de campos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
&lt;script language="JavaScript" type="text/javascript" src="MascaraValidacao.js"></script> 
</head>
<body>
<form name="form1">
<br><br>CEP:
<input type="text" name="cep" onKeyPress="MascaraCep(form1.cep);"
 maxlength="10" onBlur="ValidaCep(form1.cep)">
<br><br>DATA:
<input type="text" name="data" onKeyPress="MascaraData(form1.data);"
 maxlength="10" onBlur= "ValidaDataform1.data);">
<br><br>Telefone: 
<input type="text" name="tel" onKeyPress="MascaraTelefone(form1.tel);" 
maxlength="14"  onBlur="ValidaTelefone(form1.tel);">
<br><br>CPF:
<input type="text" name="cpf" onBlur="ValidarCPF(form1.cpf);" 
onKeyPress="MascaraCPF(form1.cpf);" maxlength="14">
<br><br>CNPJ:
<input type="text" name="cnpj" onKeyPress="MascaraCNPJ(form1.cnpj);" 
maxlength="18" onBlur="ValidarCNPJ(form1.cnpj);">
</form>
</body>
</html>

Segue o JavaScript MascaraValidacao.js

// JavaScript Document
//adiciona mascara de cnpj
function MascaraCNPJ(cnpj){
        if(mascaraInteiro(cnpj)==false){
                event.returnValue = false;
        }       
        return formataCampo(cnpj, '00.000.000/0000-00', event);
}

//adiciona mascara de cep
function MascaraCep(cep){
                if(mascaraInteiro(cep)==false){
                event.returnValue = false;
        }       
        return formataCampo(cep, '00.000-000', event);
}

//adiciona mascara de data
function MascaraData(data){
        if(mascaraInteiro(data)==false){
                event.returnValue = false;
        }       
        return formataCampo(data, '00/00/0000', event);
}

//adiciona mascara ao telefone
function MascaraTelefone(tel){  
        if(mascaraInteiro(tel)==false){
                event.returnValue = false;
        }       
        return formataCampo(tel, '(00) 0000-0000', event);
}

//adiciona mascara ao CPF
function MascaraCPF(cpf){
        if(mascaraInteiro(cpf)==false){
                event.returnValue = false;
        }       
        return formataCampo(cpf, '000.000.000-00', event);
}

//valida telefone
function ValidaTelefone(tel){
        exp = /\(\d{2}\)\ \d{4}\-\d{4}/
        if(!exp.test(tel.value))
                alert('Numero de Telefone Invalido!');
}

//valida CEP
function ValidaCep(cep){
        exp = /\d{2}\.\d{3}\-\d{3}/
        if(!exp.test(cep.value))
                alert('Numero de Cep Invalido!');               
}

//valida data
function ValidaData(data){
        exp = /\d{2}\/\d{2}\/\d{4}/
        if(!exp.test(data.value))
                alert('Data Invalida!');                        
}

//valida o CPF digitado
function ValidarCPF(Objcpf){
        var cpf = Objcpf.value;
        exp = /\.|\-/g
        cpf = cpf.toString().replace( exp, "" ); 
        var digitoDigitado = eval(cpf.charAt(9)+cpf.charAt(10));
        var soma1=0, soma2=0;
        var vlr =11;

        for(i=0;i<9;i++){
                soma1+=eval(cpf.charAt(i)*(vlr-1));
                soma2+=eval(cpf.charAt(i)*vlr);
                vlr--;
        }       
        soma1 = (((soma1*10)%11)==10 ? 0:((soma1*10)%11));
        soma2=(((soma2+(2*soma1))*10)%11);

        var digitoGerado=(soma1*10)+soma2;
        if(digitoGerado!=digitoDigitado)        
                alert('CPF Invalido!');         
}

//valida numero inteiro com mascara
function mascaraInteiro(){
        if (event.keyCode < 48 || event.keyCode > 57){
                event.returnValue = false;
                return false;
        }
        return true;
}

//valida o CNPJ digitado
function ValidarCNPJ(ObjCnpj){
        var cnpj = ObjCnpj.value;
        var valida = new Array(6,5,4,3,2,9,8,7,6,5,4,3,2);
        var dig1= new Number;
        var dig2= new Number;

        exp = /\.|\-|\//g
        cnpj = cnpj.toString().replace( exp, "" ); 
        var digito = new Number(eval(cnpj.charAt(12)+cnpj.charAt(13)));

        for(i = 0; i<valida.length; i++){
                dig1 += (i>0? (cnpj.charAt(i-1)*valida[i]):0);  
                dig2 += cnpj.charAt(i)*valida[i];       
        }
        dig1 = (((dig1%11)<2)? 0:(11-(dig1%11)));
        dig2 = (((dig2%11)<2)? 0:(11-(dig2%11)));

        if(((dig1*10)+dig2) != digito)  
                alert('CNPJ Invalido!');

}

//formata de forma generica os campos
function formataCampo(campo, Mascara, evento) { 
        var boleanoMascara; 

        var Digitato = evento.keyCode;
        exp = /\-|\.|\/|\(|\)| /g
        campoSoNumeros = campo.value.toString().replace( exp, "" ); 

        var posicaoCampo = 0;    
        var NovoValorCampo="";
        var TamanhoMascara = campoSoNumeros.length;; 

        if (Digitato != 8) { // backspace 
                for(i=0; i<= TamanhoMascara; i++) { 
                        boleanoMascara  = ((Mascara.charAt(i) == "-") || (Mascara.charAt(i) == ".")
                                                                || (Mascara.charAt(i) == "/")) 
                        boleanoMascara  = boleanoMascara || ((Mascara.charAt(i) == "(") 
                                                                || (Mascara.charAt(i) == ")") || (Mascara.charAt(i) == " ")) 
                        if (boleanoMascara) { 
                                NovoValorCampo += Mascara.charAt(i); 
                                  TamanhoMascara++;
                        }else { 
                                NovoValorCampo += campoSoNumeros.charAt(posicaoCampo); 
                                posicaoCampo++; 
                          }              
                  }      
                campo.value = NovoValorCampo;
                  return true; 
        }else { 
                return true; 
        }
}

Ainda, nesse código, inseri uma Máscara para RG, muito fácil:

//adiciona mascara ao RG
function MascaraRG(rg){
        if((rg)==false){
                event.returnValue = false;
        }       
        return formataCampo(rg, '00.000.000-0', event);
}

No form fica da seguinte forma:

<label for="rg">RG*</label><br />
<input name="rg" type="text" id="rg" size="30" maxlength="12" onKeyPress="MascaraRG(form1.rg);" />

Loading

Publicação Criada em: julho 16, 2012
Atualizado em: março 17, 2025 12:57 pm

Posts relacionados

22 comentários em “Excelente código para Máscara e Validação de CNPJ, CPF, CEP Data e Telefone”

  1. Vitor Albuquerque

    Bom dia Fabio. A pouco tempo, peguei o codigo do validador do CPF para testar e recebi muitas reclamacoes que o cpf estava certo. Decidi validar e parece que realmente seu algoritmo não está 100%. Estou enviando essa mensagem so par que voce possa corrigir e não (prejudicar) algum programador. Para voce ter certeza, estou enviando 2 cpfs validos que o seu algoritmo esta apresentando como invalido: 10116988380 e 10119995290 Espero ter ajudado. FAvor confirmar o recebimento dessa mensagem

  3. ILF

    Oi Fábio
    Parabéns pela função, mas a do CPF está com um problema sim. Tenho um CPF que não posso colocar em público aqui mas que é valido na receita e na função aqui foi dito como invalido dei alerta no digitoGerado!=digitoDigitado e ela dava 40 != 30

  8. Washington Siqueira Brandão Filho .

    Boa Tarde Brother, muito bom seu código, o melhor que eu já vi até hoje. Porém ele diz que meu CPF é inválido, apenas o meu rsrsrsrsrsrsrsrsrs, mas funciona perfeitamente.

    1. Gustavo de Almeida

      Olá.

      Não sei se já testou, mas as máscaras funcionam somente no PC. Se você testar em um celular ou smartphone as máscaras não funcionam… você sabe o que pode ser? estou apanhando com isso.

  10. Marco Broglia

    Fabio

    Menos é mais…, parabéns pelo código, se fosse possível gostaria de uma orientação de como formatar uma Mascara e validar o campo para caracteres maiúsculos com seu código.

    Mais uma vez parabéns, muito bom!

  12. Gustavo de Almeida

    Olá pessoal.

    Não sei se alguém já testou, mas as máscaras funcionam somente no PC. Se você testar em um celular ou smartphone as máscaras não funcionam… alguém sabe o que pode ser? estou apanhando com isso.

Deixe um comentário