jQuery Forum

Hi,

I am using botht the jQuery Validation plugin and the datePicker plugin.

I would like to get the error message for this showing after the calendar icon for the datePicker plugin. I have tried this and cannot get it to work and so far not found a solution on any website I have checked.

jQuery Validation code

1. $(document).ready(function() {   
2.     $("#adminform").validate({
3.         submitHandler: function(form) {
4.             SubmittingForm();
5.         },
6.         rules: {
7.             date: {
8.                 required: true,
9.                 date: true
10.             }
11.         },
12.         errorPlacement: function(error, element) {
13.             if(element.type == 'input') {
14.                 error.insertAfter(element.sibling(a));
15.             }
16.             else {
17.                 error.insertAfter(element);
18.             }
19.         }
20.     });
21. });

Trying the sibling thing was my last probably silly attempt at getting this working lol.
HTML output when the field fails validation

1. <fieldset>
2.     <legend>Update Date</legend>
3.     <label for="date" class="admin">Date of Run: </label>
4.     <input type="text" class="date-pick dp-applied error" size="7" value="" name="date" id="date">
5.     <label for="date" generated="true" class="error">This field is required.</label>
6.     <a title="Choose date" class="dp-choose-date" href="#">Choose date</a>
7. </fieldset>

As you can see the label for the error is placed inbetween the input field and <a> for the calendar image. Does anyone have idea how to get this label to show after the <a>.

Cheers,

Bala.