UNPKG

angular2-text-equality-validator

Version:
51 lines (43 loc) 1.39 kB
#### Angular 2 compare text fields validator - useful for password match fields `npm install --save angular2-text-equality-validator` `import { EqualTextValidator } from "angular2-text-equality-validator";` Add the directive to module #### Model driven ```html <form novalidate [formGroup]="signUpForm"> <input type="text" placeholder="password" formControlName="password" validateEqualTo="repeatPassword"> <input type="text" placeholder="confirm" formControlName="repeatPassword"> <input type="submit" value="Submit" [disabled]="signUpForm.invalid"> <p *ngIf="signUpForm.get('password').hasError('validateEqual')">Passwords don't match</p> </form> ``` ```js export class AppComponent { signUpForm: FormGroup; constructor(public fb: FormBuilder) { this.signUpForm = this.fb.group({ password: [""], repeatPassword: [""] }); } } ``` #### Template driven ```html <form novalidate #form="ngForm"> <input type="text" placeholder="password" ngModel validateEqualTo="repeatPassword" name="password" required #passwordControl="ngModel" > <input type="text" placeholder="confirm" name="repeatPassword" ngModel required> <input type="submit" value="Submit" [disabled]="form.invalid"> <p *ngIf="passwordControl.errors?.validateEqual">Passwords don't match</p> </form> ```