Question

I have a textbox with ID “name”, I want to do validation when the text box get onblur function. The below code doesn’t work. What’s wrong with me?

  $(function() {
    $('name').validate({
      rules:{ "name": {required: true, minlength: 5 } }
    });
    $('name').blur(function(){
      $('name').validate()
    });
  };

Answer 1

Working Demo http://jsfiddle.net/qC2Ya/ or this one is way more shorter and cooler http://jsfiddle.net/XdAkv/

All you need to do is add an element validation on blur event and that will work like a rocket.

See validation element api : http://docs.jquery.com/Plugins/Validation/Validator/element#element

Hope this helps :)

code

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

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

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

OR from second demo

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

$('#firstName,#lastName').blur(function(){
    $("form").validate().element($(this))
});