styling jquery validation error text

Question

I'm using jquery validation and would like customize the error messages that are displayed.

By default the validation errors appear to the right the input fields. I specifically would like to have all the errors to appear at the top of the page in a styled div we have been using.

Is this possible with library or would it be a better option to just write my own validation stuff this situation?

Any thoughts? Thanks.

Answer 1

Hi Ray I'm sure you've found it by now but if not, this can be done using the errorLabelContainer option. See jquery.validation docs.

e.g.

$("#myform").validate({
  errorLabelContainer: "#messageBox"
  });