Jquery 日期选择器和 Jquery 验证

Question

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

目前，当发生验证错误时，验证消息会将我的日期选择器图像推送到右侧。我希望该消息位于右侧，以便日期选择器图像保持不变。

Answer 1

您需要使用 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 类，那么它将把错误消息放置在该触发器的右侧。否则，它只会像平常一样将错误消息立即放在无效的表单元素之后。