jquery - jQuery validate 插件没有验证我喜欢的选择框

Question

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

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

请注意，我也知道该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 将此类添加到元素中）