验证显示：无下拉列表

Question

我使用这个插件： http : //bassistance.de/jquery-plugins/jquery-plugin-validation/

是否可以使用style =“ display：none”验证选择字段？

我需要这个，因为另一个插件样式是我的下拉菜单，并将原始选择字段设置为display：none并使用div和ul创建自己的。

在这种情况下，select name = xxx未被验证:-(

<select style="display: none;" sb="20200222" name="xxx" class="300" id="yyy">
<option selected="selected" value="">Choose</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<div class="sbHolder" id="sbHolder_20200222">
<ul style="top: 38px; max-height: 193px; display: none;" class="sbOptions" id="sbOptions_20200222">
<li><a rel="" href="#">Choose</a></li>
<li><a rel="1" href="#1">1</a></li>
<li><a rel="2" href="#2">2</a></li>
<li><a rel="3" href="#3">3</a></li>
</ul>
</div>

有任何想法吗？

Answer 1

最好是使用ignore。

$("#myform").validate({ ignore: [] }) 

那是最好的解决方案。