Abide and slick-carousel

Hi, I’m trying to connect abide and slick-carousel together.
I want to create something like multi-step forms with validation.
I need to validate only the fields that the current slide shows.
How to use abide to check only selected inputs and if validation is ok it will change to the next slide.

I’m using Foundation zurb stack

Thank you for your help :slight_smile:

Hi, can you provide some working codepen so we can see what you’ve tried so far?

Yes :slight_smile:

I can’t check a specific field in the form

There are multiple ways. The easiest is probably to use the valid.zf.abide and invalid.zf.abide events and the validateInput method.

https://get.foundation/sites/docs/abide.html#validateinput

You can also ignore unneeded inputs:
https://get.foundation/sites/docs/abide.html#ignored-inputs

What you want to do is to check the events and enable / disable the button:
https://get.foundation/sites/docs/abide.html#event-listener

Thank You Daniel, I’ll check it out.