我在母版页的内容页面中选择一个复选框列表,通过它我可以选择多个值并保存在数据库中。如何确认在单击提交按钮时至少选择了一个复选框。
问问题
2990 次
2 回答
2
你可以像下面那样做。
在 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
。你可以通过下面。
您可以使用 (http://api.jquery.com/checked-selector/)选择:checked
器:
<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 %>')
参考:
于 2013-04-11T05:39:14.760 回答
0
Dado.Validators是 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" />
示例代码隐藏.aspx.cs
btnSubmit.Click += (a, b) =>
{
Page.Validate("vlgSubmit");
if (Page.IsValid) {
// Validation Successful
}
};
于 2013-08-16T15:09:53.253 回答