ASP.NET更新面板-即使CausesValidation=false，也会为AutoPostBack DropDow

Question

我遇到一个问题，当所附的下拉列表对更改进行部分回发时，所需的字段验证器在屏幕上闪烁。

从本质上讲，页面是用户从第一个下拉列表中选择并填充第二个下拉列表的表单。然后，他们从第二个下拉列表中进行选择。然后，当用户同时选择了这两个选项时，他们点击提交按钮，这将验证两个下拉菜单。

这两个下拉列表都在提交按钮使用的validationgroup中。我已经添加了CausesValidation＝"；false"；到下拉列表，但验证器仍然闪烁。下面的示例代码。。。

<form id="form1" runat="server">
<asp:ScriptManager ID="MyAppScriptManager" runat="server"
EnablePartialRendering="true"
EnableCdn="true" />
<div class="chat">
<asp:UpdatePanel ID="NewBookingUpdatePanel" UpdateMode="Conditional" ChildrenAsTriggers="true" runat="server">
<ContentTemplate>
<div id="FreelancerDiv" class="collapse show">
<div class="card-body">
<div class="form-group">
<div class="input-group">
<asp:DropDownList ID="FreelancerDropDownList" runat="server" AutoPostBack="true"
CausesValidation="false"
class="custom-select form-control form-control-lg">
<asp:ListItem Value=" " Text="Choose the freelancer for your booking." />
<asp:ListItem Value="Good" Text="Good selection." />
</asp:DropDownList>
</div>
<asp:RequiredFieldValidator ID="FreelancerRequired" runat="server" Display="Dynamic"
ControlToValidate="FreelancerDropDownList"
ValidationGroup="RequestBookingValidationGroup"
ErrorMessage="&nbsp;Required&nbsp;"
CssClass="alert-danger" />
</div>
</div>
</div>

<div id="ServiceDiv" class="collapse show" runat="server">
<div class="card-body">
<div class="form-group">
<div class="input-group">
<asp:DropDownList ID="ServiceDropDownList" runat="server" AutoPostBack="true"
CausesValidation="false"
class="custom-select form-control form-control-lg">
<asp:ListItem Value=" " Text="Choose the service for your booking." />
<asp:ListItem Value="Good" Text="Good selection." />
</asp:DropDownList>
</div>
<asp:RequiredFieldValidator ID="ServiceRequired" runat="server" Display="Dynamic"
ControlToValidate="ServiceDropDownList"
ValidationGroup="RequestBookingValidationGroup"
ErrorMessage="&nbsp;Required&nbsp;"
CssClass="alert-danger" />
</div>
</div>
</div>

<button id="RequestBooking" runat="server" class="btn btn-lg btn-primary btn-block" type="button" onserverclick="RequestBooking_Click" validationgroup="RequestBookingValidationGroup">
Request Booking
</button>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>

Answer 1

您可以在回发时(和/或在标记或页面加载事件中(启用或禁用(enabled=true或enabled=false(所需的字段验证器。相信它默认为启用，这就是它被解雇的原因。

Answer 2

@JobesK感谢Enabled=false提示的帮助：(

我在标记中禁用了验证器，然后在提交按钮的javascript中启用了它们。。。

ValidatorEnable(document.getElementById('<%=FreelancerRequired.ClientID%>'), true);
ValidatorEnable(document.getElementById('<%=ServiceRequired.ClientID%>'), true);
Page_ClientValidate("RequestBookingValidationGroup");