Controls validate from submit button click

web
mobile

Topic: Controls validate from submit button click

Aroquiassamy LA ROZE pro premium asked 11 months ago

Hi @Damian

Expected behavior

I want to be enable submit button in form on page load.Then i directly goto click on submit button. Its starts to validate all controls within the form and highlight based on validate.

Actual behavior

Your method to validate simply disabled the submit button in the form

Resources (screenshots, code snippets etc.)

Sample demo site click here


Damian Gemza staff answered 11 months ago

Dear La Roze,

Please take a look at this example of our input's validation: LINK.

There is described, how you should implement onSubmit validation type.

Best Regards,

Damian


Aroquiassamy LA ROZE pro premium answered 11 months ago

Dear @Damian Gemza

Yes its very nice to working, but i want change and blur event also. I explained below steps,

  1. Submit button clicked after page loaded. Required Validated and highlighted (RED color) is correctly working
  2. I entered some text in validated input, its maintained same position (RED color). I want to replace submit to (change and blur) on updateOn (FormGroup)

Reference: Sample demo site click here


Damian Gemza staff answered 11 months ago

Dear La Roze,

There's a possibility to mix the updateOn: 'blur' with updateOn: 'submit'.

Please check this article, there's described everything which you need.

Best Regards, Damian


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 7.4.3
  • Device: Lenova
  • Browser: Chrome 73
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes