Frage

Dies könnte eine einfache Frage, aber ich bin dies nur Abholung bitte so freundlich sein:)

Mit JQuery Validierung, wenn ich eine Textbox will ein erforderliches Feld sein, die ich eine CSS-Klasse von „erforderlich“ nur hinzufügen kann, um das Element und es wird durch die Validierung aufgenommen.

Wenn ich eine etwas komplexere Regel will, das heißt. mit einer Mindestlänge erforderlich ist, kann ich ein benutzerdefinierten CSS-Klassennamen als Schlüssel für eine Regel verwenden, oder muß ich für jede Textbox eine separate Regel schreibe ich auf eine Mindestlänge will? Die Dokumentation zeigt an, dass der Schlüssel für eine benutzerdefinierte Regel ist das Attribut Name eines Elements.

Vielen Dank im Voraus, Nick

EDIT:

Ich habe versucht, eine Regel hinzufügen und dann betritt und den Namen der Regel auf die Elemente als Klasse, aber es ist völlig ignoriert.

In meinem Skript:

  $("#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"));
    }
  });

In meinem 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>
War es hilfreich?

Lösung

Verwenden Sie einfach mehrere Klassennamen:

<input class="required numeric mySpecialRule" ...
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top