JQuery Validierung dynamisch Regeln hinzufügen

Ich bin derzeit mit dem validate plugin zum validieren einer form (mit ASP.Net Kontrollen). Ich habe beraubt, die Regeln aus dem standard-setup in der form.validate-Methode, dh:

    $("form").validate({

    rules: {
        ctl00$ContentPlaceHolder1$dgQuestions$ctl14$iRadList_Col0: "required"
    }

});

Nun habe ich diese in verschiedene Funktionen hinzu, die die ruless je nachdem, auf welche Schaltfläche geklickt wird. Dies funktioniert gut für text-Boxen, aber für eine RadiobuttonList, wenn das plugin versucht eine Regel hinzufügen, es ist ein Fehler zu sagen, das element ist nicht definiert.

function addRuleSet() {
    $("#ctl00$ContentPlaceHolder1$dgQuestions$ctl14$iRadList_Col0").rules("add", { required: true });

}

Ich denke, das problem ist, dass ich mit dem name-Attribut (asp legt$) für die Gruppe definieren, dass die radio-buttons gehören eher als eine id - (, aber in der statischen Einstellungen sind alle Elemente definiert über das name-Attribut. Auf jeden Fall bin ich nicht sicher, wie Sie Sie zu umgehen, hinzufügen einer Regel für eine Gruppe von zugehörigen radio-buttons, jede Beratung wäre geschätzt.

PS ich wirklich brauchen, um rufen Sie die RadioButtonList anstatt die einzelnen radio-buttons.

InformationsquelleAutor Monkeeman69 | 2009-11-30

9

Können Sie auch eine Regel anwenden, indem classes Einstellung auf dem element. Zum Beispiel, wenn Sie geben der Klasse als "erforderlich" an einen Eingang, dann die gewünschte Regel gilt, dass dieses element. Um dies zu tun, die Sie verwenden würden, die CssClass-Eigenschaft für das Steuerelement. Sie müssen möglicherweise Experimentieren mit zusammengesetzten Steuerelemente, wie RadioButtonList, um sicherzustellen, dass die Klasse angewendet wird, um die input-Elemente generiert werden, nicht der Behälter. Wenn Sie Schwierigkeiten haben, mit diesem, eine Möglichkeit wäre es, fügen Sie die Klasse mit Hilfe von jQuery nach dem laden der Seite basiert auf einem selector.
```
<asp:RadioButtonList id="RadList" runat="server" CssClass="required">
   ...
</asp:RadioButtonList>
```
oder
```
<script type="text/javascript">
     $(function() {
          $(':radio').addClass('required');
          $('form').validate();
     });
</script>
```
Einer komplexen, Klassen-basierte Regel, die Sie können neue Regeln hinzufügen und mit addClassRules.
```
<script type="text/javascript">
    $(function() {
        $.validator.addClassRules({
             range0to10: {
                  range: [0, 10]
             },
             name: {
                  minlength: 2,
                  required: true
             }
        });
        $('form').validate();
    });
</script>

<form ... >
<input type="text" name="rating" id="rating" class="range0to10" />
<input type="text" name="firstName" id="firstName" class="name" />
<input type="text" name="lastName" id="lastName" class="name" />
</form>
```
- Ja vielen Dank dafür, ich Schätze, dass das funktionieren würde für einfache Regeln, wie verlangen, aber würden Sie in der Lage sein zu definieren, so etwas wie range:[0,10]?
- Tatsächlich, es ist nicht schwer, wenn Sie die addClassRules Methode. Ich werde zu aktualisieren.
- Wäre gut zu sehen, danke.
- Das war sehr hilfreich, danke!
- was, wenn ich möchte hinzufügen Regel für einige bestimmte server-Steuerelement, dessen id wird geändert, jedes mal ist es die Darstellung auf Seite
- verwenden Sie die generierte id in der Einrichtung die Regel: '<%= MyControl.ClientId %>' oder einfach nur geben es die CssClass wie ich beschrieben habe.
InformationsquelleAutor tvanfosson
1

Nach Tagen dieses fährt mich verrückt, die Frage hat mich zum nachdenken, wie man das element der Rückkehr richtig, und ich kam in dieser Methode der Referenzierung staright Weg, die mir erlaubt, es zu tun:
```
$("input:radio[name='ctl00$ContentPlaceHolder1$dgQuestions$ctl14$iRadList_Col0']").rules("add", { required: true });
```
- Hinweis: Sie können kürzen, dass der Selektor $("input:radio[name$='iRadList']").Regeln ~ die $ nach dem Namen wählt jedes element, das endet mit iRadList <-- leichter zu Lesen
- Das ist ein smart-Tipp Bobby.
InformationsquelleAutor Monkeeman69

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.