如何使Validate.js和Dropkick.js协同工作

Question

我试图让它们一起工作，但很明显，由于dropkick将select标记隐藏在我拥有validate.js所需类的位置，它无法正确验证。

HTML:

 <select id="element_3" name="element_3" class="required select">
  <option value="" selected="selected">Please select</option>
  <option value="Hatch">Hatch</option>
  <option value="Clubman">Clubman</option>
  <option value="Convertible">Convertible</option>
  <option value="Countryman">Countryman</option>
  <option value="Coupe">Coup&eacute;</option>
  <option value="Roadster">Roadster</option>
  <option value="Paceman">Paceman</option>
  <option value="No particular model of interest">No particular model of interest</option>
  <option value="Other/New Model">Other/New Model</option>
 </select>

因此，对于dropkick.js，这个html显然被所需的类删除了，这让它有点问题。

我想知道是否有人能解决这个问题？

感谢

Answer 1

由于Dropkick隐藏了原始<select></select>元素，jQuery Validate忽略了它，尽管它仍在后台用于表单数据。

您只需使用ignore选项启用隐藏元素的验证。

$('#myform').validate({
    // whatever other options, rules, callbacks,
    ignore: []
});

有关ignore选项的正确用法，请参阅此答案。

Answer 2

您可以验证选择的元素，如下所示：

$('#myform').validate({
    // whatever other options, rules, callbacks,
    ignore: ":hidden:not(#id_of_select_element_1):not(#id_of_select_element_2)"
});