Это может быть простой вопрос, но я просто отвечаю на этот вопрос, поэтому, пожалуйста, будьте добры:)
Используя проверку JQuery, если я хочу, чтобы текстовое поле было обязательным полем, я могу просто добавить класс css «required» к элементу, и он будет проверен валидацией.
Если я хочу немного более сложное правило, т.е. требуется минимальная длина, могу ли я использовать пользовательское имя класса css в качестве ключа для правила или мне нужно написать отдельное правило для каждого текстового поля, для которого требуется минимальная длина? В документации указано, что ключом для пользовательского правила является атрибут Name элемента.
Заранее спасибо,
Ник
EDIT:
Я попытался добавить правило и затем добавить имя правила к элементам как класс, но оно полностью игнорируется.
В моем сценарии:
$("#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>