这里是ASPX:
<form id="form1" runat="server">
<div>
<fieldset style="width: 160px">
<legend>Select your skills</legend>
<asp:ValidationSummary ID="ValidationSummary1" runat="server" />
<asp:CheckBoxList ID="cblCourses" runat="server" RepeatColumns="2">
<asp:ListItem>Asp.net</asp:ListItem>
<asp:ListItem>C#</asp:ListItem>
<asp:ListItem>VB</asp:ListItem>
<asp:ListItem>WCF</asp:ListItem>
<asp:ListItem>Jquery</asp:ListItem>
<asp:ListItem>JavaScript</asp:ListItem>
</asp:CheckBoxList>
<asp:Label ID="lblStatus" runat="server" Text=""></asp:Label>
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Please select at least one skills." ClientValidationFunction="validateCheckBoxList" Display="Dynamic" ForeColor="Red"></asp:CustomValidator>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" Style="height: 26px" />
</fieldset>
</div>
</form>
这里是javascript:
<script type = "text/javascript">
function validateCheckBoxList(source, args) {
var chkListModules = document.getElementById('<%= cblCourses.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;
}
</script>
问题是,当我单击btnSubmit
按钮时,出现两个错误消息。ValidationSummary中的一个。btnSubmit
按钮旁边的另一个。我如何告诉CustomValidator仅在ValidationSummary中显示它的消息,而不在其他地方显示?
您可以使用display:none将CustomValidator包装在div或span中。该错误仍显示在摘要中,但无其他地方:-
<span style="display:none;">
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Please select at least one skills." ClientValidationFunction="validateCheckBoxList" Display="Dynamic" ForeColor="Red"></asp:CustomValidator>
</span>
您应该为div / span创建一个类,而不是内联样式,这只是为了演示它的工作。