Webflow Tab click control

Design help Custom code
1

Hello!

I have a multi-step form with WebFlow Tabs.

Each tab content have some form fields.

When I click in the next tab, the next tab content only can open if the form is valid.
It should not be possible to change to next tab if the form is not valid.

How to do this with jquery?

$(‘#tab_link_id’).click(function(e) {
e.preventDefault();
//do other stuff when a click happens
return false;
});

Why the code above doesn’t work? (the tab always open…)

Thanks,

Jeff

2

That is because the validation rules are form-wide using HTML5. There is no “section” validation unless you implement your own custom code to validate a section at a time. Also, there is a slight possibility you cannot use tabs together with custom validation.