Form validation

Form validation helps to ensure that users fill out forms in the correct format and that the submitted data will work successfully. Erroneous form elements are marked.

Form validation

Form validation title

This is an example explanation for form validation.

Validation

There are some problems with your input. Please correct them below.
Enter at least 8 characters.
Enter at least 8 characters.
Enter digits.
Enter at least one character.
Select a country.
Enter at least one sentence.
Select one option.
Select at least one option.
* Required fields

Usage

ElementClassDescription
.form__formGroup .has-error Marks the form group with a red indicator line on the left.
.form__formGroup.has-error .inputGroup .is-invalid Marks the erroneous form element with a red text color and/or a red border.
.inputGroup__label.is-required Marks the form element as a required field with a red asterisk after the label.
Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.
Back to top