JSValidate is a form validator that utilizes aspects of prototype and scriptaculous to bring you a simple to execute, non-intrusive javascript form validator. With minimal setup, your forms can be processing clean data in no time at all.

Just you have to attach a class to any of your form elements, which you want to validate. Here’s a list of the default classes you can use.

jsrequired – Field must have some sort of value.
jsvalidate_number – Any integer; accepts decimal and negative
jsvalidate_digits – Only Numbers
jsvalidate_alpha – Only letters
jsvalidate_alphanum – Only letters, numbers, and underscores.
jsvalidate_email – Any valid email address.
jsvalidate_uscanzip – US or Canada Zip code; Accepts optional US zip + 4
jsvalidate_usstate – Any 2 letter uppercase state of the United States.
jsvalidate_usphone – US Phone Number, accepts most common formats.
jsvalidate_creditcard – Validates VISA, MasterCard, American Express;
jsvalidate_ssn – Social Security Number in the format: XXXXXXXXX, XXX XX XXXX, or XXX-XX-XXXXX
select-notfirst – This class can be applied to select boxes (drop-downs). It prohibits the user from selecting the first option from the list.

You can define in which tag or class the errors should be displayed.

Supports cross browser compatibility.

For working demo click here

A simple newsletter sign-up form using PHP, Ajax and the Prototype JavaScript framework.

When visitor enters his name and email and clicks on “Sign up” a check is being done if the email exists already and if not it is added.
This is happening without refreshing the current page (Ajax).
All code is well commented, written as simply as possible so users can easily adapt it.
For installation/configuration/licensing refer to the readMe.txt inside the package.
Works with all modern browsers.

Simple html form

Read more