FORM VALIDATION | BLANKON - Fullpack Admin Theme - 飞网html模板分享

Form Validations form validation samples

Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add .has-warning, .has-error, or .has-success to the parent element. Any .control-label, .form-control, and .help-block within that element will receive the validation styles.

Validation States

Input with primary

Input with info

Input with success

Input with warning

Input with error

Validation States With Icons

Input with primary

Input with info

Input with success

Input with warning

Input with error

Basic Validation

Required *

Date

URL

Username

Number Validation

Only number

Minimal value

Maximum value

Password Validation

Password

Confirm password

Checkboxes & Radio Buttons Validation

Gender

Male

Female

Skills

HTML5 & CSS3

Javascript

PHP

Select Boxes Validation

Skill programming *

Position *

Sample Validation 1

First Name *

Last Name *

Username *

Just sample username already use : john, peter, bill, jokowi

Password *

Confirm Password *

Email Address *

Just sample email already use : jokowi@jk.co.id, george@bush.gov, bill@gates.com

Gender *

Male

Female

Privacy Police *

I have read and accept Terms of Use.

Sample Validation 2

This form is quick & easy to complete - in only 3 steps! This is a sample form, no information is sent anywhere.

1 General Information

Company Name *

Company URL

First Name *

Last Name *

Company Address

City *

State *

Zip

Phone *

2 Login Information

Email *

Password *

Retype Password *

3 Billing Information

Credit Card Type *

Expiration

Credit Card Number *

Security Code

Form Validations form validation samples

Validation States

Validation States With Icons

Basic Validation

Number Validation

Password Validation

Checkboxes & Radio Buttons Validation

Select Boxes Validation

Sample Validation 1

Sample Validation 2

1 General Information

2 Login Information

3 Billing Information

1, 412, 101

781, 601

52.2%

67.8%