ng-validators is a repository of native Angular 5+ form validators for both template-driven and interactive forms.
angular 8 form validation example, angular validators, form validation in angular, pattern validation in angular reactive form, angular form validation example
Validators
Angular built-in validators
- required
- minlength
- maxlength
- pattern
Custom validators
- rangeLength
- min
- gt
- gte
- max
- lt
- lte
- range
- digits
- number
- url
- date
- minDate
- maxDate
- dateISO
- creditCard
- json
- base64
- uuid
- equal
- notEqual
- equalTo
- notEqualTo
HTML 5 and Bootstrap Jquery Form Validation Plugin
How to make use of it:
Install:
npm install @ng-validators/ng-validators --save yarn add @ng-validators/ng-validators
1. Import only the validators that you need for your form.
import { greaterThan } from '@ng-validators/ng-validators'; this.formBuilder.group({ age: ['', greaterThan(18)] });
2. Import NgValidatorsModuleNgModule declarations.
import { NgValidatorsModule } from '@ng-validators/ng-validators'; @NgModule({ imports: [NgValidatorsModule] }) export class AppModule { }
3. You can now use the validator directive in an HTML template.
<input class="form-control" type="text" ngModel name="gt" gt="10"/>
Angular 5+ Form Validators, ng-validators Plugin/Github, angular reactive forms, angular custom validator with parameter
See Demo And Download
Official Website(anjmao): Click Here
This superior jQuery/javascript plugin is developed by anjmao. For extra advanced usage, please go to the official website.