wählen Sie mindestens ein Ankreuzfeld aus 3 Pflichtfeld-validator

Ich versuche meinen code zu Pflichtfeld-validator, so dass mindestens eine checkbox ausgewählt werden aus drei.
Das ist mein code:

<div class="left marginT5 marginR10">
 <input type="checkbox" id="chk1" value="option1" runat="server" class="styled" /> Choice1
 </div>
 <div class="left marginT5 marginR10">
<input type="checkbox" id="chk2" value="option2" runat="server" class="styled" /> Choice2
 </div>
 <div class="left marginT5 marginR10">
 <input type="checkbox" id="chk3" value="option3" runat="server" class="styled" /> Choice3
 </div>

Ich weiß, dass ich verwenden können, checkboxlist, aber aufgrund von design-Themen kann ich nur die Verwendung einer einzelnen checkbox-Steuerelemente.
Irgendeine Idee, wie kann ich die "Kraft" der Benutzer wählen Sie mindestens eine checkbox?
Vielen Dank im Voraus, Laziale

InformationsquelleAutor Laziale | 2013-04-03
  1. 3

    Könnten Sie versuchen, und verwenden Sie eine Benutzerdefinierte Validator. Dies sollte Ihnen den Einstieg:

    aspx

    <asp:CustomValidator ID="CustomValidator1" runat="server" 
    EnableClientScript="true"
    ErrorMessage="Please choose at least one"
    ClientValidationFunction="ValidateRadioButtons">
</asp:CustomValidator>

    javascript/jQuery

    function ValidateRadioButtons(source, args) {
  var options = $('.styled');
  for (var i = 0; i < options.length; i++) {
    if (options[i].checked) {
      args.IsValid = true;
      return false;
    }
  }
  args.IsValid = false;
}

    Benutzerdefinierte Validator -

    Sollten Sie server-seitige Validierung zu, nur für den Fall, dass javascript deaktiviert ist.

    • Es gibt absolut keinen Grund, schreiben Sie eine benutzerdefinierte Gültigkeitsprüfung-Funktion. Er ist bereits mit dem jQuery-Validation-plugin, aber es ist schon gebrochen durch die fehlende name Attribute auf seine input Elemente.
    • Ich wollte nicht sehen, dass tag, wenn ich die Frage. Die Frage spricht über requiredvalidators nicht jQuery Validierung, also denke ich, das ist, warum ich ging in das customvalidator-route. Ich werde upvote deine Antwort, um ehrlich zu sein wusste ich nicht über das jQuery validate plugin.
    • Ich bin kein ASP-Experte, aber ich denke jQuery Validate ist enthalten, zusammen mit unobtrusive validate was ist ein plugin geschrieben von MS, die erforderlich ist für die Nutzung zusammen mit ihm.
    • Das war hilfreich in dem Sinne, dass manchmal eine Seite kann andere asp.net Prüfungen und der code wird etwas konsistent ist. Ich brauchte genau dieses und es ist nicht offensichtlich für mich, dass der ursprüngliche code war die Nutzung von jQuery (BEARBEITEN - sehe ich das tag jetzt).
    InformationsquelleAutor Jack Pettinger
  2. 1

    Haben Sie getaggt dies mit jquery-validate also kann ich davon ausgehen, du bist mit der jQuery Validate plugin? Wenn dem so ist, muss verwenden name - Attribut auf Ihre input Felder. Und wenn alle checkbox-Elemente in der Gruppe haben die gleichen name erhalten Sie das angeforderte Verhalten standardmäßig.

    DEMO: http://jsfiddle.net/q3yrd/

    <input type="checkbox" name="chk" id="chk1" value="option1" runat="server" class="styled" />
<input type="checkbox" name="chk" id="chk2" value="option2" runat="server" class="styled" />
<input type="checkbox" name="chk" id="chk3" value="option3" runat="server" class="styled" />
    InformationsquelleAutor Sparky
  3. 0

    Da Prüfungen sind "pro-Kontrolle", es gibt keine one-whack out-of-box-Lösung. Sie implementieren müssen, um es auf Ihrem eigenen. Es sollte einfach genug, nur nicht so einfach wie das hinzufügen ein Pflichtfeld-validator...

    Ist der beste Ansatz in der Regel zu validieren, die sowohl in javascript (client-side) und wieder der server-Seite auf post-back, aber je nach Anwendung, entweder oder, beides würde funktionieren.

    InformationsquelleAutor HackyStack
Schreibe einen Kommentar