JQuery Validation - 多个字段的单一规则？答案

【问题标题】：JQuery Validation - Single rule for multiple fields?JQuery Validation - 多个字段的单一规则？
【发布时间】：2009-10-27 17:22:48
【问题描述】：

这可能是一个简单的问题，但我只是提出这个问题，所以请善待:)

使用 JQuery 验证，如果我希望文本框成为必填字段，我只需向元素添加一个“必需”的 css 类，它就会被验证拾取。

如果我想要一个稍微复杂一点的规则，即。需要最小长度，我可以使用自定义 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>

【问题讨论】：

标签： jquery validation jquery-validate

【解决方案1】：

只需使用多个类名：

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

【讨论】：

我显然做错了，因为它完全无视我的规则:(
从更简单的开始。让它工作，然后使它复杂化。 :)