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

时间:2013-08-28 15:06:11

标签: jquery html css jquery-validate jquery-dropkick

我正在尝试让它们一起工作但很明显是由于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显然会被所需的类删除,这使得它有点像问题。

我想知道是否有人有解决方案吗?

由于

2 个答案:

答案 0 :(得分:0)

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

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

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

有关ignore选项的正确用法,请参阅this answer

答案 1 :(得分:0)

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

el