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

小编典典

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

css

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

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  }  
   }   
});

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

干杯，马特

阅读 249

2020-05-16

共1个答案

小编典典

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

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

2020-05-16