如何验证内容页面中的复选框列表？

Question

我在母版页的内容页中显示了一个复选框列表，通过它可以选择多个值并保存在数据库中。 如何确认在单击“提交”按钮时至少选中了一个复选框。

Answer 1

您可以像下面这样。

在JavaScript中，控件位于内容页面或母版页中并不重要

<asp:CheckBoxList ID="chkModuleList"runat="server" />

<asp:CustomValidator runat="server" ID="cvmodulelist"
  ClientValidationFunction="ValidateModuleList"
  ErrorMessage="Please Select Atleast one Module" />

// javascript to add to your aspx page
function ValidateModuleList(source, args)
{
  var chkListModules= document.getElementById ('<%= chkModuleList.ClientID %>');
  var chkListinputs = chkListModules.getElementsByTagName("input");
  for (var i=0;i<chkListinputs .length;i++)
  {
    if (chkListinputs [i].checked)
    {
      args.IsValid = true;
      return;
    }
  }
  args.IsValid = false;
}

更新：或者您可以采用这种方法：将任何css-class company说成是company 。 您可以在下面浏览。

您可以使用： :checked （ http://api.jquery.com/checked-selector/ ）选择器：

<script>
    $(document).ready(function() {
        $(".company input").click(function() {
            var cnt = $(".company input:checked").length;
            if (cnt == 0)
            {
               // none checked
            }
            else
            {
               // any checked
            }
        });
    });
</script>

您可能想在这些复选框的容器上添加（或使用一个ID），以优化选择器的速度。

至于asp.net弄乱控件上的客户端ID，则可以使用

$('<%= MyControl.ClientID %>')

参考文献：

• 检查客户端中一组复选框中是否选中了一个复选框
• 如何验证用户选择了至少一个复选框？

Answer 2

GitHub上的一个库Dado.Validators也很好地处理了这个问题。

<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" />

示例代码behind.aspx.cs

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

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