jQuery Validate 無法驗證 chosen-select元素如何解決

本文主要介紹了jQuery Validate 無法驗證 chosen-select元素的解決方法,需要的朋友可以參考下，希望能幫助到大家。

chosen-select元素執行了chosen()方法後，為select元素加上了style="display: none;"進行隱藏，然後重新建構了一個看起來像select的下拉清單。

而jQuery Validate預設忽略對隱藏元素進行校驗，因此我們要把select排除。在validate()方法的參數中增加ignore屬性，並將select從忽略的隱藏元素中剔除。

$("select").validate({ignore: ":hidden:not(select)"});

:hidden 選擇器選取隱藏的元素。 以下幾種情況的​​元素是隱藏元素：

• 設定為display:none

• 帶有type=”hidden” 的表單元素

• width 和height 設定為0

• #隱藏的父元素（這也會隱藏子元素）

• 
  

註解：此選擇器對visibility:hidden 和opacity: 0 的元素不起作用。

相關建議：

Chosen 基於jquery的選擇框外掛程式使用方法_jquery

Jquery chosen動態設定值實例介紹_jquery

jquery select外掛程式非同步即時搜尋實作方法

#

以上是jQuery Validate 無法驗證 chosen-select元素如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！