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>
Foi útil?

Solução

Apenas usar vários nomes de classe:

<input class="required numeric mySpecialRule" ...
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top