validate on blur for unsubmitted forms

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

by Dylan Schadeck

HTML

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<form name="myForm">
<fieldset>
<legend>My Form</legend>
First Name: <input class="required" type="text" id="firstName" name="firstName"> * required<br>
Last Name: <input class="required" type="text" id="lastName" name="lastName"> * required
</fieldset>
<input type="submit">
</form>

CSS

.error { color: red; }

JavaScript

var v = $("form").validate({
    submitHandler: function() {
        console.log('successful submit');
        return false;
    }
});

$('#firstName').blur(function(){
   v.element('#firstName'); 
});

$('#lastName').blur(function(){
   v.element('#lastName'); 
});