0.1.0 • Published 6 years ago

@fikani/br-validations v0.1.0

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

@fikani/br-validations

Installation

To install this library, run:

$ npm install @fikani/br-validations --save

Consuming this library

From your Angular AppModule:

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { FormsModule } from "@angular/forms";
import { AppComponent } from "./app.component";
import { CpfModule } from "@fikani/br-validations";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    FormsModule,
    //import here
    CpfModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

Once the library is imported, you can use its directives in your Angular application:

<!-- You can now use your library component in app.component.html -->
<input type="text" placeholder="CPF" cpf #cpfInput="ngModel" name="cpf" [(ngModel)]="cpf" />
{{cpfInput.valid}}
{{cpfInput.errors | json}}

CPF validation

You should use the CpfDirective cpf.

  • You can use any input mask but only numbers are considered
  • if you have 111.111.111-11, it is read the same way as 111 111 111 11 and 11111111111.

example :

 <input type="text" placeholder="CPF" cpf #cpfInput="ngModel" name="cpf" [(ngModel)]="cpf" />
{{cpfInput.valid}} // true or false
{{cpfInput.errors | json}} //null or { "cpf": false } if it has error

License

MIT © Afif Fikani

0.1.0

6 years ago