Jquery Datepicker и Jquery Validation

Question

Мне было интересно, как я могу переместить мое сообщение проверки JQuery справа от значка выбора даты?Есть ли что-то, что я могу сделать в css, или я могу как-то разместить ярлык?Действительно смущен.

В настоящее время сообщение проверки подталкивает мое изображение выбора даты вправо, когда возникает ошибка проверки.Я хочу, чтобы это сообщение было справа, чтобы изображение средства выбора даты оставалось неизменным.

Answer 1

Вам необходимо использовать функцию errorPlacement в валидаторе jQuery, чтобы указать, куда вы хотите поместить сообщение об ошибке, например:

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

При этом проверяется элемент, непосредственно следующий за недопустимым полем ввода формы - еслиу него есть класс ui-datepicker-trigger, тогда он поместит сообщение об ошибке справа от этого триггера.В противном случае он просто помещает сообщение об ошибке сразу после недопустимого элемента формы, как обычно.