Really Simple Validation (RSV) Demos - jQuery plugin
Demos
1. A simple example
2. A second example
4. Display type: alert-one
5. Display type: display-html
6. Custom validation rule
7. Custom error handler

<< Main page

#3: All validation rules

Alright, now down to business. This form contains all the validation options that are offered by the script. Since the custom_alpha options are quite advanced and unlikely to be used that often (and because it's a pain figuring out what to enter into the fields to pass the validation!) I've pre-filled those fields to save you the bother.

Standard form fields

Required field:
Email:

Date fields

Any (valid) date:
Any date later than today:

Numbers / alphanumeric fields

Any integer: (required)
Enter a number from 1-100:
Enter a number greater than 100:
Enter a number greater than or equal to 100:
Enter a number less than 100:
Enter a number less than or equal to 100:
Enter any letter: (optional)
Enter any alphanumeric characters: (required)
Enter strings in the fields according to the following legend:
L An uppercase letter. V An uppercase vowel.
l A lowercase letter. v A lowercase vowel.
D A letter (upper or lower) F A vowel (upper or lower)
C An uppercase Consonant x Any number, 0-9
c A lowercase consonant X Any number, 1-9
E A consonant (upper or lower)
LLL-VVV
DDxxx
EEXX
VVvvllFF
#XccccCCCC

Enter your favourite colour: (lowercase, optional)
Enter your favourite colour: (case-insensitive, required)

Length of field input

Enter 2 characters:
Enter between 3 and 5 chars:
Enter over 5 characters:
Enter at least 5 characters:
Enter less than 5 characters:
Enter less than or equal to 5 characters:

Custom function

Enter any prime number under 100

Password fields

Enter a password:
Enter a password (re-enter):

Conditional (if-else) fields

Your gender: Male Female
Who's your favourite Care Bear? (Men):
How much can you bench? (Women):


var rules = [];

// standard form fields
rules.push("required,user_name,This field is required.");
rules.push("required,email,Please enter your email address.");
rules.push("valid_email,email,Please enter a valid email address.");

// date fields
rules.push("valid_date,any_date_month,any_date_day,any_date_year,any_date,Please enter a valid date.");
rules.push("valid_date,later_date_month,later_date_day,later_date_year,later_date,Please enter a date later than today.");

// Numbers / alphanumeric fields
rules.push("required,any_integer,Please enter an integer.");
rules.push("digits_only,any_integer,This field may only contain digits.");
rules.push("digits_only,number_range,This field may only contain digits.");
rules.push("range=1-100,number_range,Please enter a number between 1 and 100.");
rules.push("range>100,number_range_greater_than,Please enter a number greater than 100.");
rules.push("range>=100,number_range_greater_than_or_equal,Please enter a number greater than or equal to 100.");
rules.push("range<100,number_range_less_than,Please enter a number less than 100.");
rules.push("range<=100,number_range_less_than_or_equal,Please enter a number less than or equal to 100.");
rules.push("letters_only,letter_field,Please only enter letters (a-Z) in this field.");
rules.push("required,alpha_field,Please enter an alphanumeric (0-9 a-Z) string.");
rules.push("is_alpha,alpha_field,Please only enter alphanumeric characters (0-9 a-Z) in this field.");
rules.push("custom_alpha,custom_alpha_field1,LLL-VVV,Please enter a string of form LLL-VVV - where L is an uppercase letter and V is an uppercase vowel.");
rules.push("custom_alpha,custom_alpha_field2,DDxxx,Please enter a string of form DDxxx.");
rules.push("custom_alpha,custom_alpha_field3,EEXX,Please enter a string of form EEXX.");
rules.push("custom_alpha,custom_alpha_field4,VVvvllFF,Please enter a string of form VVvvllFF.");
rules.push("custom_alpha,custom_alpha_field5,#XccccCCCC,Please enter a string of form #XccccCCCC.");
rules.push("reg_exp,reg_exp_field1,^\s*(red|orange|yellow|green|blue|indigo|violet|pink|white)\s*$,Please enter your favourite colour in lowercase (e.g. \"red\" or \"blue\")");
rules.push("required,reg_exp_field2,Please enter your favourite colour (e.g. \"red\" or \"blue\")");
rules.push("reg_exp,reg_exp_field2,^\s*(red|orange|yellow|green|blue|indigo|violet|pink|white)\s*$,i,Please enter your favourite colour (e.g. \"red\" or \"blue\")");

// Length of field input
rules.push("length=2,char_length,Please enter a value that is exactly two characters long.");
rules.push("length=3-5,char_length_range,Please enter a value that is between 3 and 5 characters in length.");
rules.push("length>5,char_length_greater_than,Please enter a value that is over 5 characters long.");
rules.push("length>=5,char_length_greater_than_or_equal,Please enter a value that is at least 5 characters long.");
rules.push("length<5,char_length_less_than,Please enter a value that is less than 5 characters long.");
rules.push("length<=5,char_length_less_than_or_equal,Please enter a value that is less than or equal to 5 characters.");

// custom functions
rules.push("function,my_custom_function");

// password fields
rules.push("required,password,Please enter a password.");
rules.push("same_as,password,password_2,Please ensure the passwords you enter are the same.");

// conditional (if-else) fields
rules.push("required,gender,Please enter your gender.");
rules.push("if:gender=male,required,male_question,Please enter the name of your favourite Care Bear.");
rules.push("if:gender=female,required,female_question,Please indicate what max weight you can bench.");


// a custom validation function
function my_custom_function()
{
        var prime_nums_str = "1|2|3|5|7|11|13|17|19|23|29|31|37|41|43|47|53|59|61|67|71|73|79|83|89|97";
        var prime_numbers = prime_nums_str.split("|");

        var val = document.getElementById("prime_number").value;

        var is_valid_num = false;
        for (i=0; i<prime_numbers.length; i++)
        {
                if (prime_numbers[i] == val)
                        is_valid_num = true;
        }

        if (!is_valid_num)
        {
                var field = document.getElementById("prime_number");
                return [[field, "Please enter a prime number under 100."]];
        }

        return true;
}

$(document).ready(function() {
        $("#demo_form3").RSV({
                onCompleteHandler: myOnComplete,
                rules: rules
        });
});