Jquery验证字段数组之间的依赖关系

Question

我想要使用 Jquery Validate Plugin 验证以下表单：

<div class="group">
   <input type="checkbox" name="prod[]" value="1">
   <input type="text" name="quantity[]" value="1">
</div>
<div class="group">
   <input type="checkbox" name="prod[]" value="2">
   <input type="text" name="quantity[]" value="1">
</div>
<div class="group">
   <input type="checkbox" name="prod[]" value="3">
   <input type="text" name="quantity[]" value="1">
</div>

..等

我的问题是在检查相对复选框时必须需要数量字段。 对于验证，我编写了以下代码（但它不起作用）

rules: {
   "prod[]": { //ok it works!
      required: true,
      minlength: 1
   },
   "quant[]": { //not works
      required: {
         depends: function(element) {
            var v = $(this).parent().find('input[type=checkbox]').is(':checked');
            return v;
         }
   }
},...

我该怎么做？ 谢谢..

Answer 1

你走在正确的轨道上，但你只是犯了一个小错误。依赖调用的上下文不是有问题的元素，它是别的东西。因此，您不能在您的依赖函数中引用this，而是引用element：

$(element).parent().find('input[type=checkbox]').is(':checked');

就是这样，之后就可以了。我不认为你也不需要让它成为一个依赖函数，所需的选项也可以是一个函数：

required: function(element){
   return $(element).parent().find('input[type=checkbox]').is(':checked');
}