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，那麼它會將錯誤消息放在該觸發器的右側。否則，它只是將錯誤消息立即放在無效表單元素之後，就像正常一樣。