Jquery Datepicker和Jquery验证

时间:2011-09-12 11:02:08

标签: jquery validation datepicker

我想知道,如何将我的jquery验证消息移到日期选择器图标的右侧?有什么我可以在CSS中做,或者有一些我可以以某种方式放置标签。真的很困惑。

目前,验证消息在发生验证错误时将我的datepicker图像推向右侧。我希望该消息在右侧,因此datepicker图像保持不变。

1 个答案:

答案 0 :(得分:8)

您需要使用jQuery验证器中的errorPlacement函数来指定您希望放置错误消息的位置,如下所示:

        $("#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,那么它会将错误消息放在该触发器的右侧。否则它只是将错误消息放在无效表单元素之后,就像正常一样。