Form Validation form validation

Validation States

Basic validation States

Input with warning

Something may have gone wrong

Input with error

Please correct the error

Input with success

Validation States With Icons

Input with warning

Input with error

Input with success

Basic Validation

You have some form errors. Please check below.

Your form validation is successful!

Name *

Email *

URL *

e.g: http://www.demo.com or http://demo.com

Number *

Digits *

Credit Card *

e.g: 5500 0000 0000 0004

Occupation

optional field

Select *

Multi Select *

select max 3 options, min 1 option

Validation Using Icons

You have some form errors. Please check below.

Your form validation is successful!

Name *

Email *

URL *

e.g: http://www.demo.com or http://demo.com

Number *

Digits *

Credit Card *

e.g: 5500 0000 0000 0004

Advance Validation

Advance validation. Custom radio buttons, checkboxes and Select2 dropdowns

You have some form errors. Please check below.

Your form validation is successful!

Name *

Email Address *

Occupation

Select2 Dropdown *

Select2 Tags *

select tags

Datepicker

select a date

Membership *

Fee Professional

Services *

Service 1 Service 2 Service 3

(select at least two)

Markdown

WYSIHTML5 Editor *

CKEditor *

12 pending notifications

You have 7 New Messages

You have 12 pending tasks

Form Validation form validation

THEME

LAYOUT

Basic validation States

Validation States With Icons

Advance validation. Custom radio buttons, checkboxes and Select2 dropdowns