这可能是一个简单的问题,但我只是在回答这个问题,所以请善待:)
使用 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>