Help with multi step form

Hi Everyone,

I’m trying to build a multi step form - I’m using a slider to skip through the steps (I found an example that do that and I followed this practice).

I’m trying to add a validation to some of the fields and I want to prevent the user from going to the next step in the slider if some fields are not validated.

For example, if the email is not entered, the user will not be able to continue to fill in the form on the next slides.

Any suggestions on how I can do that with a form inside a slider?

Thanks


I recently finished a tutorial on how to implement validating multi-step form using Alpine.js. Fields are validated on each step. Maybe you’ll find it useful: Implement a multi-step form in Webflow with Alpine.js | by Jarek Lipski | Webflow Sprinkles | Medium

BTW, I think that slider should be in the form, not the other way around.