Jquery Datepicker and Jquery Validation

Question

I was wondering, how can I move my jquery validation message to the right of the date picker icon? Is there something I can do in css, or is there someway I can place the label somehow. Really confused.

Currently, the validation message pushes my datepicker image to the right when a validation error occurs. I want that message to the right so the datepicker image stays the same.

Please show us the code you have so far.

William Niu
– William Niu

2011-09-12 11:36:28 +00:00
Commented Sep 12, 2011 at 11:36 — William Niu
– William Niu, Commented Sep 12, 2011 at 11:36

KevB · Accepted Answer · 2011-11-23 17:57:22Z

8

You need to use the errorPlacement function in the jQuery validator to specify where you want to put the error message, like this:

        $("#myForm").validate({
            errorClass: "formInputInvalid",
            errorPlacement: function(error, element) {
                var trigger = element.next('.ui-datepicker-trigger');
                error.insertAfter(trigger.length > 0 ? trigger : element);
            }
        });

This examines the element directly following the invalid form input field - if it has the class ui-datepicker-trigger then it will place the error message to the right of that trigger. Otherwise it just puts the error message immediately after the invalid form element, like normal.

answered Nov 23, 2011 at 17:57

KevB

1402 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery Datepicker and Jquery Validation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related