Question

I am trying to display jquery validation errors as a title. i.e., any validation errors we are displaying it as a title, which is working fine.

I am adding the title to the element in placeError function.

As we know jquery does eager validation and for email field when data is not entered, it displays as email field is mandatory the moment data is being entered if its invalid format, it displays as “Invalid format” (this happens only when i display the error message in div or span ) i need this behavior to be applied on element title also, can some one shed some light on how to handle this, where can i handle this.

If the above information is not sufficient, i can provide more details.

Answer 1

Use the errorPlacement callback; like:

$(yourForm).validate({
    // some stuff here
errorPlacement: function(error, element) {
    // do stuff with error and element
        }
    // some more stuff here
});

see Jquery Validation plug-in custom error placement