jQuery验证插件没有验证我的花哨选择框

Question

在我的表格中使用了精选的选择框。这导致创建一些跨度并显示它并使用style = "display:none"

创建实际的选择框

在谷歌搜索时，我发现jQuery validate插件不会验证隐藏字段或在表单上不可见。但在我的情况下，我如何利用jQuery验证来验证那些花哨的选择框？我应该如何应用该例外。

请注意，我也知道ignore选项。这部分实际上帮助了我很多隐藏的字段，而且现在在表单上看不到。

我只想为那些实际上对用户可见的选择框添加一些例外，但这些框被这些花哨的样式隐藏起来。

请帮忙。

Answer 1

我想最简单的事情就是覆盖display: none;声明。

尝试：

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

其中.hidden是您要显示的元素（或者您可以使用javascript将此类添加到元素中）