Comment valider un utilisateur a choisi au moins une case dans une CheckBoxList?

Voici un nettoyeur de jQuery mise en œuvre qui permet à un ClientValidationFunction pour un certain nombre de CheckBoxList les contrôles sur une page:

function ValidateCheckBoxList(sender, args) {
    args.IsValid = false;

    $("#" + sender.id).parent().find("table[id$="+sender.ControlId+"]").find(":checkbox").each(function () {
        if ($(this).attr("checked")) {
        args.IsValid = true;
        return;
        }
    });
}

voici le markup:

<asp:CheckBoxList runat="server"
          Id="cblOptions" 
          DataTextField="Text" 
          DataValueField="Id" />

<xx:CustomValidator Display="Dynamic" 
              runat="server" 
              ID="cblOptionsValidator"
              ControlId="cblOptions"
              ClientValidationFunction="ValidateCheckBoxList" 
              ErrorMessage="One selection required." />

et enfin, le validateur personnalisé qui permet à la fonction client de récupérer le contrôle cible par ID:

public class CustomValidator : System.Web.UI.WebControls.CustomValidator
{
    public string ControlId { get; set; }

    protected override void OnLoad(EventArgs e)
    {
        if (Enabled)
            Page.ClientScript.RegisterExpandoAttribute(ClientID, "ControlId", ControlId);

        base.OnLoad(e);
    }
}

regardez cet article de 4 gars de Rolla:

http://aspnet.4guysfromrolla.com/articles/092006-1.aspx

ils vous montrent comment créer un validateur pour les contrôles CheckBox et CheckBoxList qui fonctionne exactement comme le Requerdfieldvalidator pour les autres contrôles .NET. Il a la validation côté serveur et la validation côté client. La bonne partie à ce sujet est que vous pouvez spécifier un groupe de validation et il fonctionnera avec le contrôle de Validationsommaire.

il y a aussi un lien En bas de l'article pour télécharger la source et l'utiliser dans votre projet. Vous faites référence à la dll et enregistrez les contrôles et vous êtes bon pour aller.

Voici une autre solution qui peut être considérée via Dado.Validateurs sur GitHub.

<asp:CheckBoxList ID="cblCheckBoxList" runat="server">
    <asp:ListItem Text="Check Box (empty)" Value="" />
    <asp:ListItem Text="Check Box 1" Value="1" />
    <asp:ListItem Text="Check Box 2" Value="2" />
    <asp:ListItem Text="Check Box 3" Value="3" />
</asp:CheckBoxList>

<Dado:RequiredFieldValidator runat="server" ControlToValidate="cblCheckBoxList" ValidationGroup="vlgSubmit" />

exemple codebehind.aspx.cs

btnSubmit.Click += (a, b) =>
{
    Page.Validate("vlgSubmit");
    if (Page.IsValid) {
        // Validation Successful
    }
};

https://www.nuget.org/packages/Dado.Validators /

Ref: Vérifier si une case est cochée dans un groupe de cases à cocher à côté client

boucle à travers chacun des éléments de ckBoxListReasons. Chaque élément sera de type "ListItem".

le ListItem aura une propriété appelée 'Selected' qui est un booléen. C'est vrai quand cet article est sélectionné. Quelque chose comme:

Dim bolSelectionMade As Boolean = False
For Each item As ListItem in ckBoxListReasons.Items
 If item.Selected = True Then
  bolSelectionMade = True
 End If
Next

bolSelectionMade sera défini à true si l'Utilisateur a fait au moins une sélection. Vous pouvez ensuite l'utiliser pour définir l'état Valide d'un contrôle de validateur vous le souhaitez.

Espérons que cette aide!

Richard.

Vous pouvez utiliser un CustomValidator pour que, avec un peu de javascript.

<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Select at least one"
    ClientValidationFunction="checkCheckBoxList"></asp:CustomValidator>

<script type="text/javascript">
    function checkCheckBoxList(oSrc, args) {
        var isValid = false;
        $("#<%= CheckBoxList1.ClientID %> input[type='checkbox']:checked").each(function (i, obj) {
            isValid = true;
        });
        args.IsValid = isValid;
    }
</script>

et pour un RadioButtonList

<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Select at least one" ClientValidationFunction="checkRadioButtonList"></asp:CustomValidator>

<script type="text/javascript">
    function checkRadioButtonList(oSrc, args) {
        if ($("input[name='<%= RadioButtonList1.UniqueID %>']:checked").val() == null) {
            args.IsValid = false;
        } else {
            args.IsValid = true;
        }
    }
</script>