An collection of Angular reactive forms validators
npm install @justa/ng-validators

Some _Angular Reactive Forms_ custom validators. !npm bundle size
run npm install --save @justa/ng-validators
Install the peerDependecies:
npm install --save moment @brazilian-utils/validators
Using the validators:
Import ReactiveFormsModule in _app.module.ts_
Example with CNPJ Validator
``typescript
import { Component, OnInit } from "@angular/core";
import { FormBuilder, FormGroup } from "@angular/forms";
import { jstValidators } from '@justa/ng-validators';
@Component({
selector: 'app-form',
templateUrl: './app-form.component.html',
styleUrls: ['./app-form.component.scss'],
})
export class AppFormComponent implements OnInit {
form: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit() {
this.form = this.fb.group({
field: ['', jstValidators.validateCNPJ],
});
}
}
`
Example on Stackblitz:
- https://stackblitz.com/edit/ng-validators-jst
| Validator name | usage |
|----------------| ------ |
| validateDate | jstValidators.validateDate() |
| validateCNPJ | jstValidators.validateCNPJ |
| validateCPF | jstValidators.validateCPF |
| validatePhone | jstValidators.validatePhone |
| validateURL | jstValidators.validateURL |
| Validator name | usage |
| ---------------| ----- |
| mustMatchMinMaxValue | jstValidators.mustMatchMinMaxValue('minControl', 'maxControl') |
Example:
`typescript
import { Component, OnInit } from "@angular/core";
import { FormBuilder, FormGroup } from "@angular/forms";
import { jstValidators } from '@justa/ng-validators';
@Component({
selector: 'app-form',
templateUrl: './app-form.component.html',
styleUrls: ['./app-form.component.scss'],
})
export class AppFormComponent implements OnInit {
form: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit() {
this.form = this.fb.group(
{
minValue: [''],
maxValue: [''],
},
{
validators: [
jstValidators.mustMatchMinMaxValue('minValue', 'maxValue'),
],
},
);
}
}
`
Run ng build @justa/ng-validators on project root folder to build the project. The build artifacts will be stored in the dist/ directory.
To build the package, run ng build @justa/validators`. (See angular.json to more info about build proccess)
MIT