jquery验证检查至少一个复选框

前端之家收集整理的这篇文章主要介绍了jquery验证检查至少一个复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这样的东西:
<form>
<input name='roles' type='checkBox' value='1' />
<input name='roles' type='checkBox' value='2' />
<input name='roles' type='checkBox' value='3' />
<input name='roles' type='checkBox' value='4' />
<input name='roles' type='checkBox' value='5' />
<input type='submit' value='submit' />
<form>

我想验证至少一个复选框(角色)应该检查,是否可能与jquery.validate?

@H_502_6@

解决方法

validate插件只会验证current / focused元素。因此,您需要向验证器添加自定义规则以验证所有复选框。类似于上面的答案。
$.validator.addMethod("roles",function(value,elem,param) {
    if($(".roles:checkBox:checked").length > 0){
       return true;
   }else {
       return false;
   }
},"You must select at least one!");

和元素:

<input class='{roles: true}' name='roles' type='checkBox' value='1' />

此外,您可能会发现错误消息显示,不够充分。
只有1个复选框突出显示,只显示一个消息。如果单击另一个单独的复选框,然后该复选框对第二个复选框返回有效,原始复选框仍会标记为无效,并且仍显示错误消息,尽管表单有效。
我总是在这种情况下诉诸于只显示和隐藏错误。验证器然后只关心不提交表单。

另一个选项是编写一个函数,该函数将在单击复选框时将隐藏输入的值更改为“有效”,然后将验证规则附加到隐藏元素。这只会在onSubmit事件中验证,但会在适当的时间显示和隐藏消息。这些是有关验证插件可以使用的唯一选项。

希望有所帮助!

@H_502_6@ @H_502_6@

猜你在找的jQuery相关文章