2012-06-19 180 views
0

在我的表單中使用了花哨的選擇框。這導致創建一些跨度和顯示它,並使實際的選擇框style = "display:none"jQuery驗證插件沒有驗證我的奇特選擇框

雖然谷歌搜索這個我發現,jQuery驗證插件不驗證隱藏字段或不在窗體上可見。但在我的情況下,我如何使用jQuery驗證來驗證那些奇特的選擇框?我應該如何應用該例外。

請注意,我也知道ignore選項。這部分實際上幫助了我很多隱藏的字段,並且這些字段在表單中不可見。

我只想爲這些選擇框添加一些例外情況,這些選框對用戶來說實際上是可見的,但被那些奇特的造型隱藏起來。

請幫忙。

回答

0

我想最簡單的事情就是重寫display: none;聲明。

嘗試:

.hidden { 
    display: block !important; /* !important to override inline style */ 
    position: absolute; 
    visibility: hidden; 
    left: -999em; 
    z-index: -20; 
} 

哪裏.hidden是要顯示的元素(或者你可以在這個類加入JavaScript元素)

+0

一部分被看中箱的JavaScript來完成。但即使我這樣做,它會忽略選擇框,因爲它在窗體上不可見。 – Vins

+0

你正在使用哪個驗證插件?如果輸入設置爲'visibility:hidden'而不是'display:none;'它仍然應該被檢查 – lnrbob