Stepper skip steps

DANY pro premium priority commented 6 years ago

Is there an  method to make validation and decide if the user can go to the next step?

Example: 

I have 3 files and i need to validate if the files has been uploaded else dont let to the user go to the next step.

Jakub Mandra staff premium commented 6 years ago

You can use validation stepper with file file input.

You can use built in validation (checks if input is fullfiled) or write your own function.

Also we have some form validation examples.

MrTaliesin pro commented 6 years ago

I found a way that worked for me to manipulate the steps. It is clearly a work-around but it seems to function. On the button, I use the data-feedback attribute to call a function prior to submitting

<button class="waves-effect waves-dark btn btn-sm btn-primary next-step" data-feedback="SaveQuestions">CONTINUE</button>

function SaveQuestions { ...Code to save questions... $({stepper}).nextStep();}

Then, in my function it ends with the $({stepper}).nextStep();. Add a callback function to the next step such as $({stepper}).nextStep(gotoStep);

Then in the function gotoStep, you specify which step needs to load. In this example, it will jump to step 3:

function gotoStep() { $({stepper}).openStep(3); return false;}

Hope that helps.

Jakub Mandra staff premium commented 6 years ago

I've tried it and it works. Good job!

So you can just use openStep(step_num) to go to whatever step you want.