English
French
Spanish
German
Italian
Input Form Validation
Enable input validation by adding the needs-validation class and initializing with novalidate. Combine this with Bootstrap styles and invalid-feedback for real-time validation.
Validation with tooltip
Apply custom validation styles using needs-validation along with novalidate, and display feedback using invalid-tooltip inside a position-relative container.
Custom styles
Apply custom validation styles using needs-validation, valid-feedback, and invalid-feedback classes with Bootstrap’s form-control and form-check utilities.
Browser defaults
Use browser's default validation by applying required attributes on form fields without custom JavaScript or additional needs-validation logic.
Server-side
Demonstrates server-side validation using is-valid and is-invalid classes for form feedback.
Supported elements
This example shows validation styles on various supported form elements including textareas, checkboxes, radios, selects, and file inputs.
Tooltips
Use valid-tooltip and invalid-tooltip classes to display validation messages as tooltips on form elements.