2013-01-21

Lively Validator is the jQuery plugin that validates form input data. It checks that only valid data is submitted, and also provides a user-friendly, responsive
and lively interface to guide users as they fill out a form. With a selection of over 30 different validation types including required, confirm, alphabetic, credit card numbers,
minimum and maximum number or characters, file size, file type and dates.

The plugin displays two types of messages: guides and alerts. Both are displayed in stylish tooltips whenever a user points their mouse over a form’s field. Guides are
displayed when a field is empty, and contains instructions on how to fill the form field. Alert messages are displayed whenever a field is incorrectly filled, and warn the
user about a problem.

FEATURES

Over 30 validation rules for different types of data including numbers, files, dates and strings. You can easily extend the plugin with their own custom rules.

Both client-side (the jQuery plugin) and server-side (a PHP class) validation supported.

Stylish tooltips for instant feedback. The look is fully customizable using CSS.

HTML5 aware – recognizes and supports all the new HTML5 form input types and attributes.

Two types of feedback messages: Guides for helpful instructions before filling, and Alerts for errors messages. Each validation rule has its own Guide and Alert message, which
you can change and customize for all fields at once, or just one form field.

Allows multiple validation rules to be specified on the same element.

VALIDATION TYPES

required

confirm

min

max

STRINGS

alphabetic

alphanumeric

color

credit card number

email address

maximum character length

minimum character length

numeric text

telephone numbers

URLs

NUMBERS

age

maximum number

minimum number

number

FILES

document

file extension

file mime subtype

file mime type

image files

maximum file size

minimum file size

DATES

date

HTML5 datetime

HTML5 datetimeLocal

maximum (latest) date

minimum (earliest) date

HTML5 month

HTML5 time

HTML5 week

Show more