使用自定义页面验证脚本时，OnSelectedIndexChange 仅在第二次单击时触发

Question

好吧..这很难解释，所以就这样吧。

我有一个包含许多控件的更新面板。更新面板由名为 ddlUSCitizenshipStatus 的下拉列表的 OnSelectedIndexChanged 事件触发。当我选择一个新项目时，它按预期工作。

但是，如果我将 ddlUSCitizenshipStatus 保留为默认值，然后单击页面上的“提交”按钮，则 requiredfieldvalidators 会说 ddlUSCitizenshipStatus 上有错误（应该如此，因为我从未选择过值）。因此，然后我选择一个值，错误消息在 ddlUSCitizenshipStatus 上消失，但 updatepanel 不会刷新。我已在本地对此进行了调试，并且 ddlUSCitizenshipStatus 的 OnSelectedIndexChanged 事件不会触发。

如果我第二次选择 ddlUSCitizenshipStatus 列表中的某个项目，则会触发 OnSelectedIndexChanged 服务器事件，并且更新面板将刷新并按预期工作。

问题是，我必须在验证失败后、在更新面板之前在 ddlUSCitizenshipStatus 中选择一个项目两次。

页面上的提交按钮如下所示：

<asp:LinkButton ID="btnSubmitPage1" runat="server" CssClass="continueButton" OnClick="btnSubmitPage1_Click" CausesValidation="true" OnClientClick="javascript: return ValidatePage();" />

如果我删除自定义 OnClientClick 脚本，则提交按钮如下所示：

<asp:LinkButton ID="btnSubmitPage1" runat="server" CssClass="continueButton" OnClick="btnSubmitPage1_Click" CausesValidation="true" ValidationGroup="valGrpAdditionalInformation" />

下拉列表、更新面板和 reguiredfieldvalidator 都按预期工作。但是，我需要在单击按钮时运行自定义的“ValidatePage()”脚本。

下面是我的 ValidatePage 脚本的样子。我已经花费了数不清的时间来解决这个问题......我希望有人能够帮助我。如果您能弄清楚为什么 ddlUSCitizenshipStatus 直到验证失败后第二次单击才更新 updatepanel，请告诉我。

function ValidatePage()
{
 var blnDoPostBack = true;

 if (typeof(Page_ClientValidate) == 'function' )
 {
  //Client side validation can occur, so lets do it.

  //Validate each validation group. 
  for( var i = 0; i < Page_ValidationSummaries.length; i++ )
   Page_ClientValidate( Page_ValidationSummaries[i].validationGroup.toString() );

  //Validate every validation control on the page.
  for (var i = 0; i < Page_Validators.length; i++)
   ValidatorValidate(Page_Validators[i]);

  //Figure out which validation groups have errors, store a list of these validation groups in an array.
  var aryValGrpsWithErrors = [];
  for( var i = 0; i < Page_Validators.length; i++ )
  {
   if( !Page_Validators[i].isvalid )
   {
    //This particular validator has thrown an error.
    //Remeber to not do a postback, as we were able to catch this validation error client side.
    blnDoPostBack = false;

    //If we haven't already registered the validation group this erroring validation control is a part of, do so now.
    if( aryValGrpsWithErrors.indexOf( Page_Validators[i].validationGroup.toString() ) == -1 )
     aryValGrpsWithErrors[aryValGrpsWithErrors.length++] = Page_Validators[i].validationGroup.toString();
   }
  }

  //Now display every validation summary that has !isvalid validation controls in it.
  for( var i = 0; i < Page_ValidationSummaries.length; i++ )
  {
   if( aryValGrpsWithErrors.indexOf( Page_ValidationSummaries[i].validationGroup.toString() ) != -1 )
   {
    Page_ValidationSummaries[i].style.display = "";
    document.getElementById( Page_ValidationSummaries[i].id.toString() + "Wrapper" ).style.display = "";
   }
   else
   {
    //The current validation summary does not have any error messages in it, so make sure it's hidden.
    Page_ValidationSummaries[i].style.display = "none";
    document.getElementById( Page_ValidationSummaries[i].id.toString() + "Wrapper" ).style.display = "none";
   }
  }
 }

 return blnDoPostBack;
}

Answer 1

我找到了这个问题的解决方案并将其发布在这里：
http://forums.asp.net/t/1554406.aspx
这篇文章有我正在寻找的答案：http:// /lionsden.co.il/codeden/?p=137&cpage=1#comment-143

什么是 Page_BlockSubmit

当用户单击导致完整回发的按钮时，运行 Page_ClientValidate 后，ASP.NET 将运行另一个内置函数 ValidatorCommonOnSubmit。在 Page_ClientValidate 中，Page_BlockSubmit 是根据验证设置的。如果 Page_BlockSubmit 为 true，则回发将在 ValidatorCommonOnSubmit 中被阻止。无论如何，在函数结束时 Page_BlockSubmit 总是重置回 false。

如果页面在未运行任何验证的情况下进行部分回发，并且 Page_BlockSubmit 尚未重置为 false，则部分回发将被阻止。本质上，上述函数 RunValidation 的作用与 ValidatorCommonOnSubmit 类似。它运行验证，然后返回 false 以阻止回发（如果需要）。由于内置的​​回发永远不会运行，因此我们需要在返回验证结果之前手动重置Page_BlockSubmit。

调用 Page_ClientValidate 后，变量 Page_BlockSubmit 被设置为 true，这会阻止自动发布。 Page_BlockSubmit 在第二次单击时重置为 false，原因我仍然不完全理解。我正在对此进行更多研究，但我有一个解决方案，而且我正处于困境中，所以我正在努力解决它。

总之，我之前有以下代码：

for( var i = 0; i < Page_ValidationSummaries.length; i++ )
   Page_ClientValidate( Page_ValidationSummaries[i].validationGroup.toString() );

通过在下面添加 Page_BlockSubmit = false ，我得到：

for( var i = 0; i < Page_ValidationSummaries.length; i++ )
   Page_ClientValidate( Page_ValidationSummaries[i].validationGroup.toString() );

Page_BlockSubmit = false;

这允许 AutoPostBack=true 控件在 updatepanels 内部执行。但是，表单本身仍然从未提交，因为只要单个页面验证器具有无效值，我的客户端验证代码就会返回 false。

Answer 2

我遇到了同样的问题，尽管我拥有的只是一个使用 RangeValidator 的文本框以及一个提交按钮。当用户输入超出范围的号码并单击“提交”时，会出现号码无效的消息。如果他们将号码更改为有效号码并再次单击“提交”，该消息就会消失，但 onclick 事件不会触发。如果他们第二次单击“提交”，它就会触发。

我必须从 RangeValidator 中删除 Display="Dynamic" 属性来修复它。