Form Validation | Metor - Responsive Admin Dashboard Template

Browser Default

First name

Last name

Username

City

State

Zip

Agree to terms and conditions

Custom styles

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.

Server side

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.

Tooltips

First name

Last name

Username

City

State

Zip

Supported elements

<input>s and <textarea>s with .form-control (including up to one .form-control in input groups)
<select>s with .form-select
.form-checks

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

Notifications

Browser Default

Custom styles

Server side

Tooltips

Supported elements