prettyCheckable 阻止 jquery 验证在复选框中工作答案

【问题标题】：prettyCheckable stopping jquery validation from working in checkboxesprettyCheckable 阻止 jquery 验证在复选框中工作
【发布时间】：2013-09-23 04:08:00
【问题描述】：

我迫切需要帮助。我有一个表格。我正在尝试使用 jQuery 验证这一点。我正在使用 jQUery 验证和 jquery prettyCheckable（来自 here ）。现在它验证了一切。但是，在我使用非常可检查（custom9-11）的自定义复选框的地方，它不会验证。

我打电话给 prettycheckable

$().ready(function () {
  $('input.myClass').prettyCheckable();
});

当我发出该调用时，它会验证。

【问题讨论】：

尝试将选项ignore: '' 传递给验证器......$('#submitDetails').validate({ ignore: '', rules:...})
这是因为验证器忽略了隐藏字段......在你的情况下，实际的复选框是隐藏的
谢谢它有点工作。您可以在实时链接中看到。但是，当我单击复选框时，自定义错误消息不会隐藏起来......

标签： javascript jquery html forms jquery-validate

【解决方案1】：

这是因为由于您使用的是掩码输入元素（实际输入元素隐藏在此处），因此验证框架会忽略这些元素。

您可以使用 ignore 选项覆盖此行为

试试

$('#submitDetails').validate({ ignore: '', rules:...})

【讨论】：

谢谢。但是，当我单击复选框时，错误消息不会消失...
这是因为验证插件侦听 click 事件进行验证，而样式插件正在触发它......它只触发了 change 事件
添加类似$('#custom9').on('change', function(){ $(this).valid() })的处理程序
嗨，它不是 100% 工作的。请按照以下步骤重现问题 1) 单击链接 staging.serviceportal.com.au/service05/plush_form.do 2) 单击底部的提交按钮 3) 单击复选框后的红色错误消息（不要单击复选框或复选框的标签）。错误消息消失。现在，如果您单击复选框，错误消息会重新出现，而它不应该出现。 ???