Form Validation

Validation Rules

Ensure data accuracy and user input quality with built-in and custom validation techniques using Bootstrap and JavaScript.

Custom styles Validation

View Docs

First Name

Looks great!

Last Name

Looks great!

Username

Please choose a valid username.

City

Please provide a valid city name.

State

Please select your state.

Zip Code

Please enter a valid zip code.

I agree to the terms and conditions

You must agree before submitting.

Tooltips

View Docs

First Name

Last Name

Stanford ID

City

Department

ZIP Code

I confirm my enrollment at Stanford University.

Server-side

View Docs

First name

Looks good!

Last name

Looks good!

Username

Please choose a username.

City

Please provide a valid city.

State

Please select a valid state.

Zip

Please provide a valid zip.

Agree to terms and conditions

You must agree before submitting.

Supported Elements

View Docs

Textarea

Please enter a message in the textarea.

Check this checkbox

Example invalid feedback text

Toggle this radio

Or toggle this other radio

More example invalid feedback text

Example invalid select feedback

Example invalid form file feedback

Browser Defaults

View Docs

First name

Last name

Username

City

State

Zip

Agree to terms and conditions

Maxine Kennedy

Admin Head

Form Validation

Custom styles Validation

Tooltips

Server-side

Supported Elements

Browser Defaults

Admin Customizer

Color Scheme

Light

Dark

Topbar Color

Light

Dark

Sidenav Color

Light

Dark

Sidebar Size

Default

Collapse

Layout Position

Sidebar User Info

Workspace Tools

Team Operations

Account Settings

Notifications

Maxine Kennedy

Admin Head

Form Validation

Custom styles Validation

Tooltips

Server-side

Supported Elements

Browser Defaults

Admin Customizer

Color Scheme

Light

Dark

Topbar Color

Light

Dark

Sidenav Color

Light

Dark

Sidebar Size

Default

Collapse

Layout Position

Sidebar User Info