jQuery Validate 無(wú)法驗(yàn)證 chosen-select元素的解決方法
chosen-select元素執(zhí)行了chosen()方法后,為select元素加上了style="display: none;"進(jìn)行隱藏,然后重新構(gòu)造了一個(gè)看起來(lái)像select的下拉列表。
而jQuery Validate默認(rèn)忽略對(duì)隱藏元素進(jìn)行校驗(yàn),因此我們要把select排除。在validate()方法的參數(shù)中增加ignore屬性,將select從忽略的隱藏元素中剔除。
$("select").validate({ignore: ":hidden:not(select)"});
:hidden 選擇器選取隱藏的元素。 以下幾種情況的元素是隱藏元素:
- 設(shè)置為 display:none
- 帶有 type=”hidden” 的表單元素
- width 和 height 設(shè)置為 0
- 隱藏的父元素(這也會(huì)隱藏子元素)
注釋?zhuān)涸撨x擇器對(duì) visibility:hidden 和 opacity: 0 的元素不起作用。
以上所述是小編給大家介紹的jQuery Validate 無(wú)法驗(yàn)證 chosen-select元素的解決方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果
這篇文章主要介紹了jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-10-10如何使用jquery easyui創(chuàng)建標(biāo)簽組件
這篇文章主要介紹了如何使用jquery easyui創(chuàng)建標(biāo)簽組件的相關(guān)資料,需要的朋友可以參考下2015-11-11ztree簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
zTree 是利用 JQuery 的核心代碼,實(shí)現(xiàn)一套能完成大部分常用功能的 Tree 插件,本文給大家簡(jiǎn)單介紹下ztree的基本知識(shí),感興趣的朋友一起看看吧2017-07-07jquery實(shí)現(xiàn)隱藏在左側(cè)的彈性彈出菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)隱藏在左側(cè)的彈性彈出菜單效果,涉及jQuery動(dòng)態(tài)操作頁(yè)面元素的顯示及隱藏技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片上傳裁剪
這篇文章主要為大家詳細(xì)介紹了利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片裁剪的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03