Linear Stepper - server side validation for individual steps


Topic: Linear Stepper - server side validation for individual steps

opalev@hotmail.co.uk asked 5 years ago

Hi,

I'm trying to implement server side validation for each step in my linear stepper:

<div>
    <ul class="stepper linear">
        <li class="step">
            <div class="step-title">Step 1</div>
            <div class="step-new-content">
                <form action="..." method="post">
                     ... contents to validate ...
                </form>
                <div class="step-actions">
                    <button class="btn btn-dark btn-sm next-step" data-feedback="validationFunction">CONTINUE</button>
                </div>
            </div>
        </li>
    </ul>

In validationFunction I want to send the form via ajax request to validate the contents of an individual step and then proceed or cancel, depending on the reply.

But I never get to the above function and the flow breaks down because of the error in steppers.js (steppers.min.js): TypeError: Cannot read property 'settings' of undefined (line 425 of steppers.js)


MDBootstrap staff pro premium priority answered 5 years ago

Hi opalev,

steppers.js is our pro package component. It won't work with the free package. To use this component please go to the: https://mdbootstrap.com/products/jquery-ui-kit/ and purchase a pro package that contains all the good stuff we created for web development.

Best Regards, Piotr


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.4
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No