Multiple custom validation in angular 2

Question

I am facing a issue while adding multiple custom validation to a form. I can only add a single custom validation to my form. How to add multiple validations.

Eg:

this.user = this.fb.group({
  name: ['', Validators.required],
  account: this.fb.group({
    email: ['', Validators.required],
    confirm: ['', Validators.required]
  }, { validator: emailMatcher })
});

I want to add more validations like: { validator: [emailMatcher, matchPassword, othervalidation]}

Is there something in angular 2 which can help me in this.

or email: ["", [Validators.required, this.validateService.emailValidator]] — Vega
– Vega, Commented Aug 25, 2017 at 11:27

Gary Holland · Accepted Answer · 2020-02-13 00:44:13Z

3

Instead of :

{ validator: emailMatcher })

Use syntax:

{ validators:  [emailMatcher, matchPassword, othervalidation]}

Good luck.

edited Feb 13, 2020 at 0:44

answered Aug 25, 2017 at 11:25

Gary Holland

2,6351 gold badge19 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Emon Over a year ago

I think it should be 'validators' instead of 'Validators' because of angular.io/api/forms/FormBuilder#group

user12425844 Over a year ago

you're probably @EmonZan , not sure maybe the syntax changed from Angular 2 to current Angular 8, would need to bring out old Angular 2 project and test

PhoneixS Over a year ago

@EmonZan If Gary doesn't edit the answer and you still think you are correct, please add your answer as a separate answer instead of changing significantly the Gary Holland answer.

Gary Holland Over a year ago

I've modified to validators, as that is what the docs say. However, the original syntax Validators does still appear to work (as of Angular 9).

Collectives™ on Stack Overflow

Multiple custom validation in angular 2

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related