Streaming live at 10am (PST)

Multi step tab form jquery validation


#1

Hi,

Can anybody help me with this. I know I need some custom code, but I am not so familiar how to access elements in webflow buttons and tabs.

When I click on next button I want to do a validation with jquery validation plugin. If all fields in tab1are correct then go to next tab if not jquery shows error message an stay on current tab. The same if you try to klick on tab2 directly do check if tab1 fields is filled in correct other wise stay on tab1. And the same if you try to go to tab3 directly. If you click previous button you can go back to previous tab.

this is just an example of a bigger form, but I need help with the logic.


Here is my public share link: https://preview.webflow.com/preview/multi-tab-form?preview=677d0421464141ad1aa84a6a5933b51a
(how to access public share link)


Multistep form tab jQuery validation
#2

Hi,

I added tab-wrapper cant get it work i followed this http://webflow-tricks.webflow.io/how-to-add-prev-next-buttons-to-tab-component. I managed to get this work for a few days ago but after all updates in webflow i dont know if this works any more. I also experienced when working with tabs, elements just disappear now an then. you need to click on review or refresh the webpage to get everything back.


#3

Hmm your custom code doesn't even follow my tutorial.


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.