This is to modify the current jsvalidate.js form validation script. It's a nice elegant script that needs a few changes. The source file is attached.

Here is what needs to be done.

1. Fix the IE browser error.

2. Create an errorLocation: 'custom' option. This allows me to create a <div class="jsvalidation-custom" id="formname"></div> tag somewhere on the page and have all form errors go there. For multiple forms on the same page the correct div tag is identified by the id value which should be the name of the form.

3. When 'custom' is inputed in jsvalidate.js the form fields get a red border (defined by the style jsvalidation-customborder) and the individual errors are listed as bullet points within the error box (point #1 above).

Classes
a) jsvalidation = already created and is the text of the error for all non-custom states.

b) jsvalidation-custom = format of the box

c) jsvalidation-customborder = border color and width that highlights the form field