Validate a panel on next + mobile next + disable tab navigation

[Ryano_DE]

I'm required to validate a panel on click of the next button.

I was able to achieve this using the method described here https://www.tothenew.com/blog/tips-tricks-for-aem-6-2-form-development/#comment-568864

But to complete the form also need to:

1) Also apply this rule to the next button rendered on small screens/mobile devices

2) Disable the ability to navigate forward by clicking on the tabs

How can I do this?

[GirishBedekar]

https://experienceleague.adobe.com/docs/experience-manager-learn/forms/creating-your-first-adaptive-...

[Ryano_DE]

Sorry, this is not the Correct Reply. This does not answer my question. How do i undo this?

[Ryano_DE]

I know how to validate on click of next. I need the 'other' next button to be handled. The one that is rendered in the mobile view. And I also want to prevent the user from navigating forward using the tabs on each child panel.