Form Validation Guide for validation in forms

Validation States

Validation States With Icons

Input with warning

Input with error

Input with success

Basic Validation

Actions Settings

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

Input Group *

Validation Using Icons

Actions

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

Actions Settings

You have some form errors. Please check below.

Your form validation is successful!

Name *

Email Address *

Occupation

Select2 Dropdown *

Datepicker

select a date

Membership *

Fee Professional

Services *

Service 1 Service 2 Service 3

(select at least two)

Markdown

WYSIHTML5 Editor *

CKEditor *