Remove form validation from reactive forms Angular 5

Question

I have a form in which based on a condition i need to disable the required validator from the form control. My current code looks like this.

address: new FormControl('', Validators.required)

this.dealForm.get('address').clearValidators();
this.dealForm.get('address').setValidators();
this.dealForm.get('address').updateValueAndValidity();

From this piece of code this form control still has the required validator. Does anybody have any suggestion regarding my issue ? Followed suggestions from another topic, the required validator still present and form is invalid

Thank for your help guys, your answers were working. I had a problem with the way I was accessing the form data.

setValidators() expects at least one argument... :). Your code will not run. Though you only need clearValidators() to remove the validators, no need to use updateValueAndValidity() after. — Rohit Sharma
– Rohit Sharma, Commented Sep 3, 2018 at 9:38
@Vikas followed the instructions from there, not working in my case — Teodor
– Teodor, Commented Sep 3, 2018 at 9:45
this.dealForm.get('address').setValidators(null); if this does not work pls provide a stackblitz — Vikas
– Vikas, Commented Sep 3, 2018 at 9:57
@Teodor Check This StackBlitz I am unable to reproduce the same — Vikas
– Vikas, Commented Sep 3, 2018 at 11:44
@Vikas thank you for the help. I find the answer by the way. It was my mistake from the beginning :( — Teodor
– Teodor, Commented Sep 3, 2018 at 12:17

Aniket Avhad · Accepted Answer · 2018-09-03 09:39:00Z

2

after clear don't again call setValidators

use like this,

address: new FormControl('', Validators.required)

this.dealForm.get('address').clearValidators();
this.dealForm.get('address').updateValueAndValidity();

answered Sep 3, 2018 at 9:39

Aniket Avhad

4,1453 gold badges25 silver badges29 bronze badges

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

2 Comments

Teodor Over a year ago

tried it, still not working. the required attribute is still present thus making the form invalid.

Aniket Avhad Over a year ago

can you create stackblitz demo.. so i can help you

Akj · Accepted Answer · 2018-09-03 09:39:05Z

0

Try something like this:

address: new FormControl('', [Validators.required])

this.dealForm.get('address').clearValidators();

this.dealForm.get('address').updateValueAndValidity();

I also suggest you to use required validation in template only like:

<input type="text" required>

In this case when html will be loaded than validation will be considered.

answered Sep 3, 2018 at 9:39

Akj

7,2513 gold badges31 silver badges41 bronze badges

Collectives™ on Stack Overflow

Remove form validation from reactive forms Angular 5

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related