About Multi Page Prev and Next Button

PHPMaker General Discussion (PHPMaker)
1

Hello Expert, I want to ensure all required fields are filled before moving to the next page. If the current page is incomplete, the form should not proceed.

currentForm.multiPage.set({

            lastPageSubmit: true, // Enable submit button for the last page only

            hideDisabledButton: true, // Hide disabled submit button

            hideInactivePages: false, // Hide inactive pages

            hideTabs: false, // Hide all tabs

            showPagerBottom: false, // Show pager at bottom

            pagerTemplate: `

            <nav class="mt-3 mb-3">

                <div class="d-flex">

                    <div class="ew-prev me-2">

                        <a href="#" class="btn btn-secondary ew-btn" id="wizardPrev">Prev</a>

                    </div>

                    <div class="ew-next">

                        <a href="#" class="btn btn-primary ew-btn" id="wizardNext">Next</a>

                    </div>

                </div>

            </nav>

            `,

            lockTabs: true, // Set inactive tabs as disabled

            showPagerTop: true // Show pager at top

        });
2

There is no such feature. However, the Multi-Page features uses Bootstrap tabs, you may write your "hide.bs.tab" event to check the fields in the tab. If it does not satisfy your conditions, your can call event.preventDefault() to prevent changing tab.