Jquery Datepicker 和 Jquery 验证

Posted 2023-05-09

【中文标题】Jquery Datepicker 和 Jquery 验证

【英文标题】：Jquery Datepicker and Jquery Validation

【发布时间】：2011-11-15 06:09:03

【问题描述】：

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

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

【问题讨论】：

请向我们展示您目前拥有的代码。

你必须接受答案

【参考方案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，那么它将把错误消息放在该触发器的右侧。否则它只是将错误消息放在无效的表单元素之后，就像正常一样。