Form Validation

Bootstrap provides native form validation with .needs-validation, HTML5 constraint attributes, and :invalid/:valid pseudo-classes.

Reference

Upload any file:

Please select a file to upload.

Color Picker:

7-Character Hexadecimal (ex. #f7f7f7)

Date:

YYYY-MM-DD

Please select a valid date.

Time:

HH:MM (24-hour time)

Please enter a valid time.

Month:

YYYY-MM

Please select a month.

Email:

Please enter a valid email address.

URL:

Please enter a valid URL (e.g., https://example.com).

URL without TLD allowed:

Please enter a valid URL.

Number

Please enter a valid number.

Number (no decimals)

Please enter a number.

Number with Min and Max

Must be between 2 and 7

Please enter a number between 2 and 7.

Telephone Number

123-456-7890

Please enter a valid phone number (123-456-7890).

Password

At least 1 uppercase character, 1 lowercase character, and 1 number

Please choose a password that includes at least 1 uppercase character, 1 lowercase character, and 1 number.

Confirm Password

must match the field above

Your passwords do not match.

Text with MinLength and MaxLength

must be between 3 and 9 characters long

Must be between 3 and 9 characters long.

Select

Please select an option.

Radio Buttons

Yes

Please select an option.

Checkboxes

Default checkbox

You must agree before submitting.

Forms-active

Form Validation

Theme Customizer

Theme Mode

Sidebar Configuration

Theme Colors

Advanced Settings

Payment Received

New Team Member

Monthly Report Ready

Security Alert

Feature Update

Security

Forms-active

Form Validation

Theme Customizer

Theme Mode

Sidebar Configuration

Theme Colors

Advanced Settings