Validation Plugin: Invoke errorPlacement function onfocusout, keyup and click

Validation Plugin: Invoke errorPlacement function onfocusout, keyup and click

Hi,
I am using the bassistance validation plugin and want to use the errorPlacement function to add error messages to the fields title attribute and display just a  ✘ next to the field.

This works great when the form is submitted with the submit button but when any of the following events are triggered:
  • onfocusout
  • click
  • onkeyup
The validation checks are run but it skips the errorPlacement function and adds the full error message after the field.

I have tried setting focusCleanup to true, as was suggested in another thread in this forum, but that has no effect and is not really the kind of functionality I wish to add.

I am using the following code:
  2. $("#send-mail").validate({
  3.     debug: true,
  4.     // set this class to error-labels to indicate valid fields 
  5.     success: function(label) {
  6.         // set text as tick
  7.         label.html("✔").addClass("valid"); 
  8.     }, 
  9.      // the errorPlacement has to take the table layout into account 
  10.     errorPlacement: function(error, element) {
  11.         console.log("errorPlacement called for "+element.attr("name")+" field");
  12.         // check for blank/success error
  13.         if(error.text() == "")
  14.         {
  15.             // remove field title/error message from element
  16.             element.attr("title", "");
  17.             console.log("error check passed");
  18.         }
  19.         else
  20.         {
  21.             // get error message
  22.             var message = error.text();

  24.             // set as element title
  25.             element.attr("title", message);

  27.             // clear error html and add cross glyph
  28.             error.html("✘");

  30.             console.log("error check failed: "+message);
  31.         }
  32.         // add error label after form element
  33.         error.insertAfter(element);
  34.     },
  35.     ignoreTitle: true,
  36.     errorClass: "invalid",
  37.     focusCleanup: true
  38. });
Thanks