letsfullstack / angular-cpf-cnpj

AngularJS directive to validate CPF/CNPJ numbers.

Angular CPF/CNPJ directive

AngularJS directive to validate CPF/CNPJ numbers, using cpf_cnpj.js.

How to install

npm install @letsfullstack/angular-cpf-cnpj --save

And add to your index.html

<script src="bower_components/cpf_cnpj/build/cpf.js"></script>
<script src="bower_components/cpf_cnpj/build/cnpj.js"></script>
<script src="bower_components/ng-cpf-cnpj/lib/ngCpfCnpj.js"></script>

And inject it to your angular.module

angular.module('myApp', ['ngCpfCnpj']);

How to use

Just add ng-cpf or ng-cnpj to any <input/>. You can also use ui-mask, from ui-utils, to restrict the format:

<form name="myForm">

  <input name="cpf" ng-model="cpf" ng-cpf ui-mask="999.999.999-99" />
  myForm.cpf.$valid: {{ myForm.cpf.$valid }}

  <input name="cnpj" ng-model="cnpj" ng-cnpj ui-mask="99.999.999/9999-99" />
  myForm.cnpj.$valid: {{ myForm.cnpj.$valid }}

</form>