HTML Wizard validate fields
Hi, I have implemented a wizard using steppers in Metronic 8 HTML. I have 3 steps and I would like to validate that some of those fields are not empty (required) and seeing an error if that validation fails when submitting the form. Where should I put that validation and how? adding required to the fields does not work.
Thanks!
Replies (3)
Hi,
Are you using Metronic Stepper component with the latest Metronic version 8.2.x ?
As you can see in the example you can validate your form and decide when you let users go to the next pages.
If you need any further help please provide more info, on which Metronic version, or framework(HTML, react, angular, vue, ...) you are using.
Regards.
Hi Sean! yes, I'm using the latest Metronic version and Metronic Stepper. Only HTML. Can you please show me which is the example you mention where it shows how to validate inputs before allowing the user to continue? I did not find it.
Hi,
Sorry for the late reply.
Please refer to this example.
You can check jsrc/s/custom/utilities/modals/create-account.js to see how the stepper forms are processed.
For more info please check Stepper Docs.
Regards.
