How to keep submit button disable until form data did not filled with reactive validation?

Question

How can you keep a form button disabled until form data is filled in reactive form? I have created a reactive form here.

And also how can you reset reactive forms and clear the data after a submit?

At this point that's just bad faith. Those are really the basics of Angular, I suggest you take a peek on the documentation. Quick hints : invalid/reset. — user4676340
– user4676340, Commented Jan 2, 2019 at 14:52
Thanks for your suggestion but I am beginner in this Tech!!! — Ganny
– Ganny, Commented Jan 2, 2019 at 14:58
that I can understand ! read the whole documentation, this should answer every "basic" question you have. Don't use a language when you don't know the basics, otherwise you will spend more time on SOF than coding ! — user4676340
– user4676340, Commented Jan 2, 2019 at 15:01

jriver27 · Accepted Answer · 2019-01-02 14:58:09Z

1

You could just use the FormGroup object you created "registerForm". This object is really powerful. Check out the documentation on it.

I do this all the time :)

  <button [disabled]="!registerForm.valid" class="btn btn-primary">Register</button>

answered Jan 2, 2019 at 14:58

jriver27

8805 silver badges19 bronze badges

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

2 Comments

Thanks man!! I working for me...Also i want to reset form after full submit!!

The object can also handle that. You should add that to the "submit" or (click) handlers.