Giter Site home page Giter Site logo

charlesmendes / gerador-validador-cpf Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tiagoporto/gerador-validador-cpf

0.0 2.0 0.0 4.44 MB

Biblioteca JS open-source para gerar, validar e formatar CPF.

Home Page: http://tiagoporto.github.io/gerador-validador-cpf/

License: MIT License

JavaScript 41.33% HTML 20.34% CSS 38.33%

gerador-validador-cpf's Introduction

Gerador e Validador de CPF

Build Status Coverage Status devDependencies Status NPM Downloads Github Release Github Issues Github License

Biblioteca JS open-source para gerar, validar e formatar CPF.

A ferramenta pode ser acessada pelo link: tiagoporto.github.io/gerador-validador-cpf/.

Índice

Uso

Faça o download com NPM.

$ npm install gerador-validador-cpf --save

ou com Bower.

$ bower install gerador-validador-cpf --save
  • Inclua o arquivo no rodapé da sua página, como no exemplo.
<script src="node_modules/dist/js/CPF.js"></script>

Gerando CPF

Para gerar CPF basta chamar a função generate(), veja um exemplo:

CPF.generate();

Exemplo completo de uma possível utilização.

document.getElementById('btn-gerar-CPF').onclick = function(){
    document.getElementById('CPF').innerHTML = CPF.generate();
};

Exemplo de validação utilizando um método com vuejs.

import cpf from 'gerador-validador-cpf';

new Vue({
    el: '#app',
    
    methods: {
        validar_seu_cpf(value) {
            return cpf.validate(value);
        }
});

A função recebe como parâmetro opcional a formatação do CPF, opções.

Validando CPF

Para validar um CPF basta chamar a função validate(cpf), passando como parâmetro o número a ser validado, não se preocupe com os caracteres ., - e espaço, a função fica encarregada de eliminar esses caracteres para verificação posterior, veja um exemplo:

CPF.validate("123.456.789-00");

Exemplo completo de uma possível utilização com tratamento da mensagem de erro.

document.getElementById('valida-CPF').onsubmit = function (event){
    document.getElementById('resultadoValidacao').innerHTML = CPF.validate(document.getElementById('cpf').value);

    return false;
};

Formatando CPF

Para formatar um CPF basta chamar a função format(cpf, param), passando como parâmetro o CPF a ser formatado, não se preocupe com os caracteres ., - e espaço, a função fica encarregada de eliminar esses caracteres para verificação posterior, veja um exemplo:

CPF.format("123.456.789-00");

Exemplo completo de uma possível utilização.

document.getElementById('CPF').onblur = function (){
    document.getElementById('CPF').value = CPF.format(document.getElementById('CPF').value);
};

Opções de formatação

Padrão
CPF.format('12345678901');

Gera um CPF no formato xxx.xxx.xxx-xx

Dígitos
CPF.format('123.456.789-01', 'digits');

Gera um CPF no formato xxxxxxxxxxx

Verificador
CPF.format('12345678901', 'checker');

Gera um CPF no formato xxxxxxxxx-xx

Contribuição

Veja como contribuir.

Licença

Gerador e validador de CPF está sobre os termos da licença MIT.

gerador-validador-cpf's People

Contributors

almino avatar evertramos avatar iagomelanias avatar tiagoporto avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.