Stepper Validation not working properly -- validating all st

Topic: Stepper Validation not working properly -- validating all steps at once

dogwoodproductions free asked 2 years ago

Expected behavior In the Stepper with validation, when I click the "next" button, I expect it to only try to validate the step I'm on.

Actual behavior When I click the "next" button, it goes ahead in the steps of the form and adds valid/invalid styles to all input fields, whether they've been touched or not.

Resources (screenshots, code snippets etc.) Initial State Step 1 Required fields -- notice step 2 and 3 turn red already Step 2, pre-validated

Code Snippet: https://mdbootstrap.com/snippets/standard/dogwoodproductions/3189565#html-tab-view

Add comment

Dawid Wajszczuk staff answered 2 years ago

1 0 Best answer

Hi,

You need to simply remove next button from your Stepper and put it somewhere else. It will work as expected. Here is the snippet https://mdbootstrap.com/snippets/standard/d-wajszczuk/3190649 .

Keep coding,
Dawid

dogwoodproductions free commented 2 years ago

Ahhh okay. I really would like the button to be per step, but that'll work for now. Thanks!

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB Standard
MDB Version: MDB5 3.9.0
Device: Mac
Browser: Firefox
OS: Big Sur (11.4)
Provided sample code: No
Provided link: Yes

dogwoodproductions

5Support score
1Questions 0Answers 1Snippets