Changing Error Message Display

I have a working contact form that uses validation.js for validation and PHP to actually send the email. Currently, error messages for empty required fields are displayed right next to the fields but I am looking to get the error messages setup at the top like so:

Can someone help me out in changing this around so where the error messages in a block?

Source Files





Test Link:

not done by me, but this should help.

Create a div in the html and apply appendTo js for the error placement.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.