validate on blur for unsubmitted forms

http://stackoverflow.com/questions/9189910/jquery-form-validation-onblur

by tiagocarvalho

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form name="myForm">
<fieldset>
<legend>My Form</legend>
    <label for='number'>Number</label>
    <input name='number' id="num" />
    <label for='change-range'>Max range</label>
    <input name='change-range' id="mx" value="5" />
</fieldset>
<input type="submit">
</form>

CSS

.error { color: red; }

JavaScript

$("form").validate({
    rules: {
        number: {required: true, min: 1, max: 5}
    }
});

$('#mx').blur(function() {
   var mx = parseInt($(this).val());
   $("#num").rules("add", {
       max: mx
   });  
});