Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Validate form on button click

jimsgroup pro asked 7 years ago


Rather than adding mdInputValidate to an input field to validate after leaving the field, how can I validate all fields when the user click a submit button?

Dawid Adach pro answered 7 years ago


Dea jimsgroup,
You can use "dirty" for that and built in ngForm validation using i.e. myForm.valid as below:

<form #myForm="ngForm" (ngSubmit)="register(myForm)" novalidate>

<p>Is "myForm" valid? {{myForm.valid}}</p>
<div class="md-form">

<i class="fa fa-user prefix grey-text"></i>

<input type="text"id="form3" class="form-control"mdbActive ngModel required name="name">

<labelfor="form3">Your name</label>

</div>
<div class="text-center">

<button class="btn btn-unique waves-light"mdbRippleRadius>Send <i class="fa fa-paper-plane-o ml-1"></i></button>

</div>

</form>

You can find more detailed validation technics in following article:
https://www.toptal.com/angular-js/angular-4-forms-validation



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags