Fieldsets

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

Register

User Information
Credit Card

Inspection

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

Click on the Inspect button

Map

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

Click on the Get Map button