How to prevent moving to next Tab until required fields in current tab are filled?

[sesmic]

Hi!
I'm having form with 3-4 tabs & some required fields in each. Now I want to prevent the user to move to next tab until the required fields are filled in current one.
I'm using this & it's working fine for next button which prevents from going to next tab until fields are filled. But still user is able to jump to other tabs directly by clicking respective tabs.
Please suggest any method to prevent this.

Thanks

[Mayank_Gandhi]

@sesmic the approach is correct, however, the tabs act as a link allowing users to navigate, which theme and layout are you using?

[sesmic]

@Mayank_Gandhi Thanks for the reply.
I'm using my custom theme with 3-4 panels and tab layout.
If tabs act a link, then is there any way I disable it until fields are filled?

[Mayank_Gandhi · Accepted solution]

@sesmic I believe there would be some common class at tabs, just grab them using js and remove the anchor tags from them

<a href="javascript&colon;void(0)">Google.com</a>