Question

这可能是一个简单的问题，但我只是选择了这个，所以请善待：）

使用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>

Answer 1

只需使用多个类名：

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

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

1 个答案: