0

这可能是一个简单的问题,但我只是在回答这个问题,所以请善待:)

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

1 回答 1

1

只需使用多个类名:

<input class="required numeric mySpecialRule" ...
于 2009-10-27T17:36:31.030 回答