Check if form is valid in angular

  1. MDB Home Page
  2. Support Main Page
  3. Angular
Topic: Check if form is valid in angular

osoverflow pro asked 3 years ago

Hi! I want to know how to check if a form is valid in angular, to disable/enable the submit button if the form is invalid. I'm using the form builder to do some validations and mdbInputValidate directive to validate fields, but I want to know how to verify that all inputs are valid before enabling the submit button.

Damian Gemza staff answered 3 years ago

Dear osoverflow, In your case, you have to use ReactiveForms to check if the whole form is valid or not. I've prepared instruction which shows how to use default angular validators and our custom validations. There you can find something like  Submit Validation. Implementing this allows you to check if every input in your forms are valid when you click on the button. Please use this doc: https://mdbootstrap.com/angular/components/input-validation/ If you will need more help, just let me know. Best Regards, Damian

shofiul answered 2 years ago

Link Does not work.

https://mdbootstrap.com/angular/components/input-validation/

Arkadiusz Idzikowski staff commented 2 years ago

The documentation structure slightly changed since then. Please try this one:

https://mdbootstrap.com/docs/angular/forms/validation/
Write
Create snippet
Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
osoverflow
Pro User
60Support score
17Questions 8Answers
0Snippets likes 0Snippets

We use cookies to offer you a better browsing experience, analyze site traffic, personalize content, and serve targeted advertisements. Read about how we use cookies and how you can control them by clicking "Cookie Settings." If you continue to use this site, you consent to our use of cookies.