Bootstrap Form Validation Example

Registration Form

First name

Looks good!

Please enter your first name.

Last name

Looks good!

Please enter your last name.

Email address

Please enter a valid email address.

We'll never share your email with anyone else.

Password

Password must be at least 8 characters.

Confirm Password

Please confirm your password.

Address

Please enter your address.

City

Please enter a city.

State

Please select a state.

Zip

Please enter a valid zip code.

Phone (optional)

Format: 123-456-7890

Account Type

Personal

Business

Please select an account type.

Interests (select all that apply)

Technology

Design

Marketing

Subscribe to newsletter

I agree to the terms and conditions

You must agree before submitting.

Validation Tooltips Example

Use .valid-tooltip and .invalid-tooltip for positioned validation messages. Parent elements require position-relative.

Input Group + Floating Labels + Validation

When combining input groups with floating labels and validation, use .has-validation on the input group and place feedback outside .form-floating but inside .input-group.