javascript - 使用类而不是名称值的 jQuery 验证

Question

我想使用 jquery 验证插件来验证表单，但我无法在 html 中使用“名称”值 - 因为服务器应用程序也使用该字段。 具体来说，我需要限制从一个组中选中的复选框的数量。 (最多 3 个。)我见过的所有示例都使用每个元素的名称属性。我想做的是改用类，然后为此声明一个规则。

html

这个有效:

<input class="checkBox" type="checkbox" id="i0000zxthy" name="salutation"  value="1" />

这行不通，但这是我的目标:

<input class="checkBox" type="checkbox" id="i0000zxthy" name="i0000zxthy"  value="1" />

javascript:

var validator = $(".formToValidate").validate({    
    rules:{     
    "salutation":{  
             required:true,  
        },  
        "checkBox":{  
             required:true,  
          minlength:3  }  
   }   
});

是否可以这样做 - 有没有一种方法可以在规则选项中定位类而不是名称？还是我必须添加自定义方法？

干杯， 马特

Answer 1

您可以使用 .rules("add", options) 添加基于该选择器的规则，只需从您的验证选项中删除您想要的类的任何规则，并在调用 $(".formToValidate").validate({... }); 之后，执行此操作:

$(".checkBox").rules("add", { 
  required:true,  
  minlength:3
});