Validações e máscaras

As validações acontecem on blur.

cpf

Formata e valida CPF.

cnpj

Formata e valida CNPJ.

brPhone

Formata e valida telefones e celulares brasileiros

date

Formata e valida datas (dd/mm/yyyy)

num

Aceita apenas algarismos (0-9).

text

Aceita apenas letras, espaço e apóstrofo. Pensado para campos de 'nome completo' e afins.

Para todos os casos anteriores, basta adicionar o atributo data-validate ao respectivo input com o valor referente à máscara desejada.

          
            <input
            type="text"
            data-validate="cpf">

No caso do CEP, precisamos de uma ajuda externa para realizar o trabalho de validação. Nós utilizamos e recomendamos o VIACEP.

          
            <input
            type="text"
            data-validate="cep">

cep

Formata CEP brasileiro. E valida com o VIACEP. Estado Cidade

Fornecemos uma lista com os inputs da sua página marcados com data-validate="cep", e a partir daí você pode fazer o que bem entender, inclusive validar com a nossa função viacep(input, callback). Ex:

ceps.forEach(function(e) {
  e.addEventListener("blur", function(f) {
    viacep(f.target, function(response) {
      console.log(response);
    })
  })
})

Como começar

Importe o nosso JavaScript.

        <script type="text/javascript" src="br-validator/dist/gaintime.br-validator.min.js"></script>
      

Adicione o atributo data-validate aos inputs que deseja validar, tal que o valor do atributo pode ser cpf, cnpj, date, brPhone, cep, text ou num.

        
          <input
          type="text"
          data-validate="cpf">

Download

GainTime BR-validator

JavaScript aberto e minificado.

Download

Instalação com npm


        $ npm install br-validator

Ou utilize daqui como uma "CDN"


        <script type="text/javascript" src="//gaintime.github.io/br-validator/cdn/$VERSION/dist/gaintime.br-validator.min.js"></script>

Substitua $VERSION com a release necessária para você. Ou utilize sempre a versão mais atual substituindo por "latest".