radiobuttonlist mit jquery Formular-Validierung

Ich habe eine radiobuttonlist wie diese und ich werde versuchen, machen dies zu einem erforderlichen Feld-und bin mit Formular-Validierung(jquery validation plugin).

                 <asp:RadioButtonList ID="PlateType1" runat="server" CssClass="rbclass required">
                    <asp:ListItem>New</asp:ListItem>
                    <asp:ListItem>Renewal</asp:ListItem>
                 </asp:RadioButtonList>

Offensichtlich hinter den kulissen asp.net Motor erzeugt eine Tabelle und damit die form validation plugin nicht verstehen, die CssClass gewünschte Funktion.So wird es nie überprüft meine Liste, obwohl ich nicht wählen Sie alles, was auf "Absenden".
Wie kann ich umschreiben, so dass ich die jquery-validation-plugin?

meine rbclass ist

         .rbclass
           {
            float:left;
            display:block;

            }

Auf Einsicht in die Elemente mit firebug, das ist, was passiert ist. Das label class="error" erzeugt wird, direkt nach dem radiobutton. Wie kann ich kontrollieren, so dass es nach Neuen.

             <td>
               <input id="MainContent_PlateType1_0" class="ui-wizard-content ui-helper-reset ui-state-default required error" type="radio" value="New" name="ctl00$MainContent$PlateType1">
               <label class="error" for="ctl00$MainContent$PlateType1" generated="true">This field is required.</label>
                <label for="MainContent_PlateType1_0">New</label>
             </td>

Hier ist meine aktualisierte markup, verweist auf die generierte id name

       <label for="PlateType1" class="rblabel">This plate is: <span class="required_field">*</span></label>
                 <asp:RadioButtonList ID="PlateType1" runat="server" CssClass="rbclass">
                    <asp:ListItem>New</asp:ListItem>
                    <asp:ListItem>Renewal</asp:ListItem>
                 </asp:RadioButtonList> 
                 <span>
                  <label class="error" for="ctl00$MainContent$PlateType1" >Please select either New or Renewal</label>
                  </span>

Was Sie überprüfen möchten? Ist es einfach die überprüfung, dass mindestens eine option ausgewählt werden?
ob der radio-button aktiviert ist oder nicht

InformationsquelleAutor cableload | 2012-07-06

1

könnte man etwas wie dieses Dokument ready-handler
```
$("#<%= PlateType1.ClientID %> input").addClass("required");
```
oder wenn Sie wollen, um diese in einer externen js-Datei
```
$(".rbclass input").addClass("required");
```
Diese Art funktioniert..leider, was passiert, ist die Fehlermeldung Dieses Feld ist erforderlich, schieben Sie den Neuen Text und die Verlängerung auf die nächste Zeile. Ich möchte die Fehlermeldung rechts neben dem text Neue. Kann ich etwas mit meinem rbclass, dass dies verhindern würde? ich habe meine rbclass auf der Oberseite
Warum wollen Sie zeigen Sie die gewünschte Nachricht ein, neben "Neuen"? Die Fehlermeldung ist für die radio-button-Liste und nicht für jeden einzelnen Eingang. Vielleicht bin ich nicht immer dein Punkt
was ich meinte war, zeigen die Fehlermeldung an, die das Recht der radiobuttonlist. Es werden neben neuen oder nächsten Erneuerung oder zwischen.Hoffe, Sie bekommen den Punkt.
Bitte fügen Sie den echten html-Code der radiobutton-Liste und das Etikett so können wir spielen ein wenig mit es auf jsfiddle
Ich war schließlich in der Lage, einen span-tag zu verwenden und dann ein label für um die Fehlermeldung zu generieren, in der Ort, den ich will. Ich hatte zu Referenz asp.net server-generierten Namen zu machen, damit es funktioniert. Ich habe anbei mein code. Wenn Sie einen Weg kennen um zu vermeiden, die ctl$...name bitte lassen Sie mich wissen. Vielen Dank für Ihre Hilfe so weit.

InformationsquelleAutor Claudio Redi

versuchen Sie dies:

  $(document).ready(function(){
    $('.rbclass input').addClass('required') //or $('#PlateType1')...
  })

InformationsquelleAutor undefined

Fügen Sie einige Attribute, die die Radiobuttonlist zur Laufzeit (data-type = radio-Daten-required=1

Dann die unterhalb der Skript-vil überprüfen(mehrere) radiobuttonlist

   function validateRadioBoxes() {
        var isValid = true;
        var radioButtonLists = $('table[data-type="radio"][data-required="1"]');
        radioButtonLists.each(function (key) {
            isValid = ($(this).find("input[type=radio]:checked").length>0);
            if (!isValid) {
                $(this).css({
                    "border": "1px solid red",
                    "background": "#FFCECE"
                });
            }
            else {
                $(this).css({
                    "border": "",
                    "background": ""
                });
            }
        });

InformationsquelleAutor user2435866

ASP-Code:

<asp:RadioButtonList ID="rdbGender" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Value="Male">Male</asp:ListItem>
    <asp:ListItem Value="Female">Female</asp:ListItem>
</asp:RadioButtonList>

jQuery-Code:

if( $("#rdbGender input:radio:checked").val()==undefined)    
alert("Please Select Gender");

Ihre Antwort sieht besser aus, wenn die Formatierung jedes code-snippet in separaten snippets.

InformationsquelleAutor Anand Deshmukh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.