JQuery验证-多字段的单一规则?

JQuery验证-多字段的单一规则?,jquery,validation,jquery-validate,Jquery,Validation,Jquery Validate,这可能是一个简单的问题,但我只是想了解一下,所以请客气一点:) 使用JQuery验证,如果我希望文本框成为必填字段,我可以向元素添加一个css类“required”,并通过验证获取它 如果我想要一个稍微复杂一点的规则,即需要最小长度,我可以使用自定义css类名作为规则的键,还是必须为我想要最小长度的每个文本框编写单独的规则?文档指出自定义规则的键是元素的Name属性 提前感谢,, 尼克 编辑: 我尝试添加一个规则,然后将规则名称作为类添加到元素中,但它被完全忽略 在我的脚本中: $("#po

这可能是一个简单的问题,但我只是想了解一下,所以请客气一点:)

使用JQuery验证,如果我希望文本框成为必填字段,我可以向元素添加一个css类“required”,并通过验证获取它

如果我想要一个稍微复杂一点的规则,即需要最小长度,我可以使用自定义css类名作为规则的键,还是必须为我想要最小长度的每个文本框编写单独的规则?文档指出自定义规则的键是元素的Name属性

提前感谢,, 尼克

编辑:

我尝试添加一个规则,然后将规则名称作为类添加到元素中,但它被完全忽略

在我的脚本中:

  $("#popupWindow #frmWidgetUpdate").validate({
    rules: {
      minLength3: {
        required: true,
        minlength: 3
      }
    },
    errorClass: "field-validation-error",
    highlight: function(element, errorClass) {
      $(element).addClass("input-validation-error");
    },
    unhighlight: function(element, errorClass) {
      $(element).removeClass("input-validation-error");
    },
    errorPlacement: function(error, element) {
      error.appendTo(element.parent().find(".errorLabel"));
    }
  });
在我的html中:

<label>Widget Title:<span class="errorLabel"></span><br />
  <%=Html.TextBox("WidgetTitle", _
                  Model.WidgetTitle, _
                  New With {.class = "param minLength3", _
                            .style = "width:100%;", _
                            .maxlength = "50"})%>
</label>
小部件标题:

只需使用多个类名:

<input class="required numeric mySpecialRule" ...

我显然做错了,因为它完全忽略了我的规则:(从简单的事情开始。让它工作起来,然后让它复杂化。)