【问题标题】:Jquery Validation Plugin - Require 2 checkboxesJquery 验证插件 - 需要 2 个复选框
【发布时间】:2010-04-06 19:50:30
【问题描述】:

我有一组 12 个复选框,都具有相同的名称 (name="4_RepPeriods")。我正在使用 Jquery 验证插件,我希望用户选择不超过或少于两个复选框。

如果可能的话,我还希望其他复选框在两个被选中后变为无效(不可点击)。

感谢您的帮助!谢谢!

【问题讨论】:

  • 禁用其他复选框似乎是个坏主意。如果用户在不小心选中了错误的框后想要更改他们的选择怎么办?
  • 好吧,如果他们取消选中一个框,那么其余的将再次启用。但这是一个不必要的额外功能,主要只是寻找一种快速而肮脏的方式来确保该组中的 2 个且只有 2 个复选框被选中并使用 jquery 验证进行验证

标签: jquery validation checkbox


【解决方案1】:

您可以为此使用内置的验证规则:

4_RepPeriods: {
    minlength: 2,
    maxlength: 2
}

或者,您可以添加自定义方法,如下所示:

$.validator.addMethod('select2RepPeriods',function(v, e) {
   return $('[name="4_RepPeriods"]:checked').length == 2;
}, 'You must select exactly 2 rep periods');

然后在您的验证中,您现在只能输入:select2RepPeriods: true

【讨论】:

  • 其实很抱歉,它不起作用,无论我选择多少个复选框,它都会出现错误......使用自定义方法。
  • @jethomas - 更新了示例以使用当前版本的验证插件,似乎方法调用发生了一些变化。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-11-11
  • 2011-09-28
  • 1970-01-01
  • 2011-12-15
相关资源
最近更新 更多