How to Validate Input Fields without Form in Magento 1.x

This post is written to help you understand better the method of validating the inputs in DOM without form.

While start constructing new pages in Magento, form validation is a necessary process which unfortunately is also highly repetitive. Luckily, Magento already comes with an in-built provision to form validation functions written in JavaScript.

Note: We can’t achieve form validation in Nested forms ( form inside form ) instead we can use this methodology.

Why and How

In some case we need to validate one or more field without form and form submit, in such situations can use validate method in js/prototype/validation.js

Validation.validate( );

Also you can find the methods & validation rules  and their error message on your own by looking in js/prototype/validation.js on line 414

For instance, we will create a input to validate email and set email validation rule to it.

     Validate 

/* Sample function fo validate the single field */
function  customValidate(){
	if(  Validation.validate( document.getElementById('email') )  ) {
                      	// Do something on success
	} else {
		return false;
	}
}