Form Validation

jQuery Validation Plugin

This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. For more info please check out the official documentation

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

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

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 *

jQuery Validation Plugin

Basic validation States

Validation States With Icons

Staff

Bob Nilson

Nick Larson

Deon Hubert

Ella Wong

Customers

Lara Kunis

Ernie Kyllonen

Lisa Stone

Deon Portalatin

Irina Savikova

Maria Gomez

General

System

General Settings

System Settings