title: jquery on blur validation
body: <p>I am using jquery validation plugin. Here after click the "submit" button, my form gets validated. But i need onblur validation, for ex: if the html textbox/other elemets lost their focus(onblur) then i need to validate the corresponding field. so How do I modify the below code?</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/
  libs/jquery/1.3.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" &gt;
  $(document).ready(function() {
  $.validator.addMethod("email", function(value, element)
  {
  return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,5}$/i.test(value);
  }, "Please enter a valid email address.");
  
  $.validator.addMethod("username",function(value,element)
  {
  return this.optional(element) || /^[a-zA-Z0-9._-]{3,16}$/i.test(value);
  },"Username are 3-15 characters");
  
  $.validator.addMethod("password",function(value,element)
  {
  return this.optional(element) || /^[A-Za-z0-9!@#$%^&amp;*()_]{6,16}$/i.test(value);
  },"Passwords are 6-16 characters");
  
  // Validate signup form
  $("#signup").validate({
  rules: {
  email: "required email",
  username: "required username",
  password: "required password",
  },
  });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks in advance</p>