Magento form validation

Question

When using jquery .change on an input the event will only be fired when the input loses focus

In my case, I need to make a call to the service (check if value is valid or empty) as soon as the input value is changed. How could I accomplish this? this validation for without using submit event.

Answer 1

Open file js/prototype/validation.js

Find the following section

Validation.defaultOptions = {
    onSubmit : true,
    stopOnFirst : false,
    immediate : false,
    focusOnError : true,
    useTitles : false,
    addClassNameToContainer: false,
    containerClassName: '.input-box',
    onFormValidate : function(result, form) {},
    onElementValidate : function(result, elm) {}
};

and change immediate : false, to immediate : true,

Or you can create new js file with content

Validation.defaultOptions.immediate = true;

and add it below js/prototype/validation.js

Or add inline js before your form creation

<script type="text/javascript">
    Validation.defaultOptions.immediate = true;
<script>