Dividing a large form in parts or using fieldsets to configure many fields once.

In this example we divide the form in two parts, one for the user information and the other one to the user credit card data. We show only one section at a time and when user want to step on the next one, we ensure the fieldset is valid, otherwise we let the user know.

Back to demos


User Information
Credit Card


Get the validation status without validating form visually. See console.

Click on the Inspect button


When a form is valid, get the data map of all form fields. See console.

Click on the Get Map button