Form Validation

Browser-native and custom Bootstrap validation states and feedback.

Browser Validation (HTML5)

Click Submit to trigger built-in browser validation.

Please enter your full name (min 2 characters).
Looks good!
Please enter a valid email address.
Looks good!
Password must be at least 8 characters.
Strong password!
Please select a role.
You must agree before submitting.
Validation States

Explicit valid/invalid states applied without form submission.

Email address is available!
Username cannot contain spaces.
Username is taken. Try another.
Good choice!
Message must be at least 20 characters.
Tooltip Validation (position:relative on parent)
Please enter first name.
Looks good!
Please enter last name.
Looks good!
@
Choose a unique username.
Looks good!
Please provide a city.
Looks good!
Please select a state.
Looks good!
Valid 5-digit zip required.
Looks good!