LoginGet started — it’s free
Made in Webflow

Multi Step Form with Input Validation

Clone in Webflow764
Alex Iglesias Piñol's avatar
by Alex Iglesias Piñol
site profile thumbnail


This multi step form made with the slider widget has some added functionalities in custom code: - Automatically detects all the required inputs in each step. - Input validation: it won't let users jump to the next step if all the required fields are not filled, warning to fill them. - Auto fit content: As the form uses the Webflow's slider component, the script fits the height of each step's content in any device. - Input confirm: Last step shows a list dynamically filled with all the inputs that the user provided. *Used font is not valid for commercial purposes.

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
formmulti-step formcustom code

More by Alex Iglesias Piñol

See profile
View details
Advanced Webflow Forms - Multi Steps & Conditional Logic
© 2022 Webflow, Inc. All rights reserved.