New to Bricksforge. Struggling with Multi-Step-Form validation

Hey :slight_smile: I´m trying to build a multi-step-form with Bricksforge.

First things first:

I hope my approach is correct.

I created 3 steps and then used the “Interactions” from Bricksbuilder to show or hide the content/steps, depending on the step where you´re at. If you´re at step 1, I hid the 2 other steps and when you click on “next” I unhid Step 2 and hid Step 1 and Step 3.

The thing is:
The form generally works. The 3 steps work and the user can enter his name in Step 1, the Mail in Step 2 and a short text in Step 3 and can then submit the form.

However, I can´t figure out how to check if the fields are filled! I need some kind of validation. For the first Step I used a “Text” element from Bricksforge and set the “Required” to true. But I guess that only checks if the field is filled if the user wants to click on “Submit”?!
I´d like to check it while he´s still at that step! If he didn´t fill in his name I´d like to prevent him from going further through the other steps.
Can someone tell me how that works?
I´ve already tried using the “Validation” tab in the “Text” element and set the Validation Type to “Required” but that didn´t work…

What I´d like to have is a form with validations like this:

I´m using the new Nestable Form btw.

Thanks a lot already for your help! :slight_smile:

Hey! :slight_smile: Why are you using Bricks Interaction to navigate between steps? Bricksforge comes with a “Step” element. Just use this as separator for your steps. “Next Step” and “Previous Step” will then automatically navigate to the correct step considering the validation :slight_smile:

1 Like

omg!! That was easy :joy:
Thank you so much! :blush:

Tbh, when using the Bricks interactions I was already uncertain whether or not this is the correct approach because it was very tedious to setup with all the “show this” and “hide that”.

I´m very happy it works now!
Thank you again!!

1 Like

Happy to help! :pray::smiling_face:

1 Like