JQuery Validation - regra única para vários campos?
-
06-07-2019 - |
Pergunta
Esta pode ser uma pergunta simples, mas eu estou apenas pegando isso então por favor seja gentil:)
Usando validação JQuery, se eu quero uma caixa de texto para ser um campo obrigatório eu só posso adicionar uma classe css de "necessária" para o elemento e é pego pela validação.
Se eu quiser uma regra um pouco mais complexo, ou seja. necessário com um comprimento mínimo, posso usar um css nome classe personalizada como a chave para uma regra, ou tenho de escrever uma regra separada para cada caixa de texto Eu quero um comprimento mínimo de? A documentação indica que a chave para uma regra personalizada é o atributo nome de um elemento.
Agradecemos antecipadamente, Nick
EDIT:
Eu tentei adicionar uma regra e, em seguida, addind o nome da regra para os elementos como uma classe, mas isso é completamente ignorado.
No meu script:
$("#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"));
}
});
Na minha 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>
Solução
Apenas usar vários nomes de classe:
<input class="required numeric mySpecialRule" ...