如何让 Validate.js 和 Dropkick.js 一起工作

Question

我试图让它们一起工作，但显然由于 dropkick 隐藏了选择标签，我有 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

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

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

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

请参阅this answer，了解ignore 选项的正确用法。

Answer 2

您可以按以下方式验证选择元素：

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