Validation JQuery - Une seule règle pour plusieurs champs?

Question

Cela pourrait être une question simple, mais je ne fais que le relever, alors soyez gentil:)

À l'aide de la validation JQuery, si je souhaite qu'une zone de texte soit un champ obligatoire, je peux simplement ajouter une classe css de "requis". à l'élément et il est capté par la validation.

Si je veux une règle légèrement plus complexe, c'est-à-dire. requis avec une longueur minimale, puis-je utiliser un nom de classe CSS personnalisé comme clé d'une règle ou dois-je écrire une règle distincte pour chaque zone de texte pour laquelle je souhaite une longueur minimale? La documentation indique que la clé d’une règle personnalisée est l’attribut Name d’un élément.

Merci d'avance, Nick

EDIT:

J'ai essayé d'ajouter une règle, puis d'ajouter le nom de la règle aux éléments en tant que classe, mais ce dernier est complètement ignoré.

Dans mon 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"));
    }
  });

Dans mon 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

Utilisez simplement plusieurs noms de classe:

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