Magento Forms: Prototype Javascript Validation In Custom Module

If you want to use magento's default validatin inyour custom module it may helps you.

Adding Javascript validation to your own forms is extremely simple. First, you need to create a Form (form.js) object to represent your form.

<script type="text/javascript">
//< ![CDATA[
  var myForm= new VarienForm('formId', true);
//]]>
</script>

example how to add validation in custom module through class name is as below:

<label for="name">Name *</label>
<input type="text" id="name" name="name" value="" class="required-entry"/>
<label for="email">Email Address *</label>
<input type="text" id="email" name="email"  class="required-entry validate-email"/>

Here are the few magento javascript validation classes as below:

validate-select   - Please select an option

required-entry   - This is a required field

validate-number  - Please enter a valid number in this field

validate-digits   - Please use numbers only in this field. please avoid spaces or other characters such as dots or commas

validate-alpha  - Please use letters only (a-z or A-Z) in this field.

validate-code  - Please use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.

validate-alphanum  - Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed

validate-street  - Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field

validate-phoneStrict  - Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890

validate-phoneLax  - Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890

validate-fax  - Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890

validate-date - Please enter a valid date

validate-email  - Please enter a valid email address. For example johndoe@domain.com.

validate-emailSender  - Please use only letters (a-z or A-Z), numbers (0-9) , underscore(_) or spaces in this field.

validate-password  - Please enter 6 or more characters. Leading or trailing spaces will be ignored

validate-admin-password  - Please enter 7 or more characters. Password should contain both numeric and alphabetic characters

validate-cpassword  - Please make sure your passwords match

validate-url  - Please enter a valid URL. http:// is required

validate-clean-url  - Please enter a valid URL. For example http://www.example.com or www.example.com

validate-identifier  - Please enter a valid Identifier. For example example-page, example-page.html or anotherlevel/example-page

validate-xml-identifier  - Please enter a valid XML-identifier. For example something_1, block5, id-4

validate-ssn  - Please enter a valid social security number. For example 123-45-6789

validate-zip - Please enter a valid zip code. For example 90602 or 90602-1234