Convalida JQuery - Singola regola per più campi?

Question

Questa potrebbe essere una domanda semplice ma sto solo raccogliendo, quindi per favore sii gentile :)

Usando la validazione JQuery, se voglio che una casella di testo sia un campo obbligatorio, posso semplicemente aggiungere una classe css di " richiesto " all'elemento e viene raccolto dalla convalida.

Se voglio una regola leggermente più complessa, ad es. richiesto con una lunghezza minima, posso usare un nome di classe css personalizzato come chiave per una regola o devo scrivere una regola separata per ogni casella di testo su cui voglio una lunghezza minima? La documentazione indica che la chiave per una regola personalizzata è l'attributo Nome di un elemento.

Grazie in anticipo, Nick

EDIT:

Ho provato ad aggiungere una regola e quindi aggiungere il nome della regola agli elementi come classe, ma viene completamente ignorato.

Nel mio 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"));
    }
  });

Nel mio 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>

Answer 1

Usa solo nomi di classi multiple:

<input class="required numeric mySpecialRule" ...