Form validation your way.

Download » Documentation »

Setting it up...

In Validity, validation is an event.

So, validation code is bound to a form.

// Simply select the form in jQuery
// and call the validity function on it.
$("#myFormId").validity(function() {

    // In here, 
    // specify how the validation is to be done.


Required Input...

To insist that the input with id "user_name" has a value.

$("#myFormId").validity(function() {

    // Select the input, 
    // and call a validator method on it.

Input Format...

To insist that the input named "quantity" has a numeric value or no value at all.

$("#myFormId").validity(function() {


One Input, Many Rules...

What if we want to insist that quantity has a value and that the value is numeric? We can combine these validators.

Validator methods follow the same chaining pattern as jQuery; we can just call one after another.

$("#myFormId").validity(function() {

    // Call the validators in sequence
    // starting with the most important.

How about an example?

<!DOCTYPE html>
    <title>Example Time!</title>
    <link rel="Stylesheet" href="jquery.validity.css" />
    <script src="jquery-1.6.2.min.js"></script>
    <script src="jquery.validity.min.js"></script>
        $(function() {
            $("form").validity(function() {
    <form method="get" action="">
        <input type="text" id="quantity" />
        <br />
        <input type="submit" />

Try it!