jQuery Validate: Errors inline with input title

[Russinating]

I'm redesigning some forms and I want my jQuery Validate script to place the error messages in line with the input heading, rather than after/alongside the input (which causes the height of the form to jump upon error).

The script currently does this:

Name*
____Input____________ This field is required

But I want it to do this:

Name* This field is required
____Input____________

How do I do it?

 

[GravyMonster]

Use the 'errorPlacement' setting:

$("#myform").validate({
    errorPlacement: function(error, element) {
        error.after(element.parent().find("label"));
    }
 })

I've just guessed at where the error needs to be placed - you can amend that as you need.

You can read up on the settings here: http://docs.jquery.com/Plugins/Validation/validate#options

 

[Russinating]

Got it, thanks .