All required fields is to be completed before user click next slides on a form in a slider?

Design help Layout & Design
1

Dear webflow experts,

I have placed a form inside a slider which is separated by the steps, for instance step 1 is in slider no.1 and step 2 is in slider no.2. (of the same slider) The form is working completely fine however would it be possible to ensure that all the required fields have to be completed before user click on the “next step” button to proceed to the next slide?

For instance, all the fields in step 2 (slider 2) are to be completed before the user is able to proceed to step 3 (slider 3)

I have pasted the read only link to the site that I’m working on. Thanks a lot in advance for solutions :smiley: :smiley:

Slider Form step 1
Slider Form step 11401×1257 84.3 KB

Slider Form step 2
Slider Form step 21429×1249 77.5 KB

Note: The form is under the “Membership” page

Here is my site Read-Only: **(Webflow - Diamond Business Club)
**

Membership (diamondbusinessclub.com)

2

I have just encountered the same problem and can’t seem to find any info on this. Did you manage to find a workaround?

Thanks

3

I couldnt figure this out too. The sliders do nothing with the form interactions.

To solve this myself, I added a custom Javascript that checks for form input, and, if user clicks next, whilst there is no form input, it shows a custom warning message and after that clicks the “Previous” button on the slider, so that the user cannot technically move forward without filling out that form step. I’m pretty sure this is fool proof for 99% of the people but obviously could be circumvented if you wanted to.

Let me know if you want the JS, I can post it here.