jquery - CustomValidator 的问题

Question

好吧，iv 在此处和其他一些网站上跟踪了多个用于多个 asp 复选框的 CustomValidators，但在选中复选框时实际验证它有点困难。

虽然我尝试了多种答案，但我特别选择了一个答案。我已经知道它将显示在验证摘要中，但是当选中复选框时，它们仍然显示在摘要中，但事实并非如此。我不知道我做错了什么，或者我是否错过了什么，但我希望有一双额外的眼睛可以帮助我解决我错过的事情。

复选框:

<div class="section">
    <span>2</span>Induction Checklist:
</div>
<div class="inner-wrap">
    <label>Introduction of relevant staff <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbStaffIntro" /></label>
     <label>Comments: <asp:TextBox runat="server" ID="txtStaffIntroComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Location of all Exits <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbExitLocations" /></label>
    <label>Comments: <asp:TextBox runat="server" ID="txtExitLocationComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Evacuation Assembly Point <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbEvacuationPoint" /></label>
    <label>Comments: <asp:TextBox runat="server" ID="txtEvacuationPointComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
     <label>Location of Fire Extinguishers <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbFireExtLocations" /></label>
      <label>Comments: <asp:TextBox runat="server" ID="txtFireExtLocationsComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Location of Fire Hoses <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbFireHoseLoc" /></label>
    <label>Comment: <asp:TextBox runat="server" ID="txtFireHoseLocComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Location of First Aid Kits <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbFirstAidLoc" /></label>
    <label>Comment: <asp:TextBox runat="server" ID="txtFirstAidLocComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
      <label>Location of Male / Female Toilets <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbLooLoc" /></label>
    <label>Comment: <asp:TextBox runat="server" ID="txtLooLocComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Location of Lunch Rooms <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbLuncLoc" /></label>
    <label>Comment: <asp:TextBox runat="server" ID="txtLunchLocComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Explain "No-Smoking" Policy in all Offices and Buildings <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbNoSmoke" /></label>
     <label>Comment: <asp:TextBox runat="server" ID="txtNoSmokeComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Explain and Indicate "No-Go" Zones in Warehouse <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbNoGo" /></label>
    <label>Comment: <asp:TextBox runat="server" ID="txtNoGoComment" /></label>
</div> <!-- end inner-wrap -->

<div class="inner-wrap">
    <label>Other <asp:CheckBox CssClass="HitCheckbox" ValidationGroup="checkList" runat="server" ID="cbOther" /></label>
     <label>Comment: <asp:TextBox runat="server" ID="txtOtherComment" /></label>
</div> <!-- end inner-wrap -->

客户端验证:

<script>
function CheckBoxRequired_ClientValidate(sender, e)
{
    e.IsValid = jQuery(".HitCheckBox input:checkbox").is(':checked');
}
</script>

服务器端验证:

public void Required_ServerValidate(object source, ServerValidateEventArgs args)
{
    args.IsValid = (cbStaffIntro.Checked);
    args.IsValid = (cbExitLocations.Checked);
    args.IsValid = (cbEvacuationPoint.Checked);
    args.IsValid = (cbFireExtLocations.Checked);
    args.IsValid = (cbFireHoseLoc.Checked);
    args.IsValid = (cbFirstAidLoc.Checked);
    args.IsValid = (cbLooLoc.Checked);
    args.IsValid = (cbLuncLoc.Checked);
    args.IsValid = (cbNoSmoke.Checked);
    args.IsValid = (cbNoGo.Checked);
}

自定义验证器:

<!-- Checklist Validation Section cbStaffIntro -->
<asp:CustomValidator runat="server" ID="CustomValidatorSi" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="Introduction to relevant Staff Not Completed!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorEl" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="Emergancy Exit Locations Not Completed!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorEp" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="Evacuation Point Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorFe" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="Fire Extinguisher Locations Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorFh" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="Fire Hose Locations Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorFa" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="First Aid Locations Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorToilet" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="Toilet Locations Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorLr" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="Lunchroom Location Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorNsp" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="No Smoking Policy Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />
<asp:CustomValidator runat="server" ID="CustomValidatorNg" ValidateEmptyText="true" ValidationGroup="checkList" EnableClientScript="true" Display="None" ErrorMessage="'No-Go' Zones Not Covered!" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />

我希望其工作方式是在验证表单之前需要选中除标记为“其他”的复选框之外的所有复选框。

如前所述，我的观点是，如果不检查它们，它们将显示在验证摘要中。我遇到的问题是，为什么在检查它们时，它们仍然在验证摘要中显示为未检查。

我在这里缺少什么？或者我所追求的并不完全可能？在我忘记之前，我正在为这个项目使用 .NET Framework 4。

编辑:感谢 Scotty 为帮助我解决此问题所做的努力。应用提供的修复后，我还必须删除 Javascript 验证，我必须让代码根据需要工作。

Answer 1

您会看到来自所有 CustomValidator 的 ErrorMessage，因为您使用相同的服务器端方法 Required_ServerValidate 来验证所有 CustomValidator 控件，并且没有构建您的动态错误消息。

您需要更改逻辑以针对每个条件动态构建错误消息。

首先，删除除一个之外的所有 CustomValidator，然后按如下方式修改代码。

这是一种方法...

ASPX

<asp:CustomValidator runat="server" ID="cvCheckList" ValidationGroup="checkList" EnableClientScript="true" Display="None" OnServerValidate="Required_ServerValidate" ClientValidationFunction="CheckBoxRequired_ClientValidate" />

确保在 ValidationSummary 中使用 DisplayMode="SingleParagraph"，以便 html 正确呈现。

代码隐藏

public void Required_ServerValidate(object source, ServerValidateEventArgs args)
{
    args.IsValid = true;

    var sb = new StringBuilder();
    sb.Append("<ul>");

    if (!cbStaffIntro.Checked)
        AppendErrorMessage(args, sb, "Introduction to relevant Staff Not Completed!");

    if (!cbExitLocations.Checked)
        AppendErrorMessage(args, sb, "Emergency Exit Locations Not Completed!");

    if (!cbEvacuationPoint.Checked)
        AppendErrorMessage(args, sb, "Evacuation Point Not Covered!");

    if (!cbFireExtLocations.Checked)
        AppendErrorMessage(args, sb, "Fire Extinguisher Locations Not Covered!");

    if (!cbFireHoseLoc.Checked)
        AppendErrorMessage(args, sb, "Fire Hose Locations Not Covered!");

    if (!cbFirstAidLoc.Checked)
        AppendErrorMessage(args, sb, "First Aid Locations Not Covered!");

    if (!cbLooLoc.Checked)
        AppendErrorMessage(args, sb, "Toilet Locations Not Covered!");

    if (!cbLuncLoc.Checked)
        AppendErrorMessage(args, sb, "Lunchroom Location Not Covered!");

    if (!cbNoSmoke.Checked)
        AppendErrorMessage(args, sb, "No Smoking Policy Not Covered!");

    if (!cbNoGo.Checked)
        AppendErrorMessage(args, sb, "'No-Go' Zones Not Covered!");

    sb.Append("</ul>");
    cvCheckList.ErrorMessage = sb.ToString();
}

private static void AppendErrorMessage(ServerValidateEventArgs args, StringBuilder sb, string message)
{
    args.IsValid = false;
    sb.AppendFormat("<li>{0}</li>", message);
}

protected void btnSubmit_Click(object sender, EventArgs e)
{
    Page.Validate();
    if (Page.IsValid)
        Response.Redirect("ValidationSuccessful.aspx");
}