Jquery Datepicker和Jquery验证

Question

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

当验证错误发生时，验证消息将我的日期选择器图像向右推。我想要这条消息的权利，所以datepicker图像保持不变。

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