Form Validation

Bootstrap Validation - Normal

Provide valuable, actionable feedback to your users with HTML5 form validation–available in all our supported browsers.

First name

Looks good!

Last name

Looks good!

City

Please provide a valid city.

State

Please provide a valid state.

Zip

Please provide a valid zip.

Agree to terms and conditions

You must agree before submitting.

Bootstrap Validation (Tooltips)

If your form layout allows it, you can swap the .{valid|invalid}-feedback classes for .{valid|invalid}-tooltip classes to display validation feedback in a styled tooltip.

First name

Last name

Username

City

State

PristineJS Validation

PristineJS Vanilla javascript form validation library

Validation Examples

Username

Your age (required, min. 14)

Password (required)

Retype password

I accept the terms and conditions

Common validations

Required

minlength=5, but not required

type=email, not required

number, not required

number, min=100, not required

Select

Hobbies (required, min=2)

Writing

Photography

Cycling

pattern=/^\d+\.\d{2}$/ (match decimal with 2 points), required

above field with custom message

Unlimited Access

Form Validation

Bootstrap Validation - Normal

Bootstrap Validation (Tooltips)

PristineJS Validation

Validation Examples

Common validations

Validator to a specific field

Theme Customizer

Layout

Layout Mode

Layout Width

Layout Position

Topbar Color

Sidebar Size

Sidebar Color

Direction

James Lemire

Your order is placed

Your item is shipped

Salena Layfield

Unlimited Access

Form Validation

Bootstrap Validation - Normal

Bootstrap Validation (Tooltips)

PristineJS Validation

Validation Examples

Common validations

Validator to a specific field

Theme Customizer

Layout

Layout Mode

Layout Width

Layout Position

Topbar Color

Sidebar Size

Sidebar Color

Direction