javascript - 带有两个提交按钮的 ASP.NET 表单不起作用

Question

我使用 Visual Studio 2015 和 C# 开发了一个 ASP.NET 网站。我的登录页面有两组用户名/密码/提交控件，因为它允许两种不同类型的用户登录。为了使两个提交按钮中的每一个都在按 Enter 键时触发，我将每个用户名/密码/提交按钮集放入 asp:Panel 控件中，并指定了默认按钮通过 DefaultButton 属性进行面板操作。我的代码如下所示:

<form id="form1" runat="server">

    <asp:Panel runat="server" ID="paOne" DefaultButton="buOne">
        <asp:TextBox runat="server" ID="txOne"></asp:TextBox>
        <asp:Button runat="server" ID="buOne" Text="One" OnClick="buOne_Click" />
    </asp:Panel>

    <asp:Panel runat="server" ID="paTwo" DefaultButton="buTwo">
        <asp:TextBox runat="server" ID="txTwo"></asp:TextBox>
        <asp:Button runat="server" ID="buTwo" Text="Two" OnClick="buTwo_Click" />
    </asp:Panel>

    <asp:Label runat="server" ID="laMessage"></asp:Label>

</form>

每个面板在客户端上呈现为一个 div，并设置了一个 onkeypress 事件处理程序来触发相应的按钮。客户端代码如下所示:

<form method="post" action="./Default.aspx" id="form1">
    <div class="aspNetHidden">
        <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="YEhEIVTg9QBY8fOISaQxrzFkXtsZD8oOAvAZ7f6h5Qeh7indHY+rACZRO6ImmbjrGlxUtRWW+BRxFNEO8BjX568tdbIuPRkRzyFhVllP1Zk=" />
    </div>
    <div id="paOne" onkeypress="javascript:return WebForm_FireDefaultButton(event, &#39;buOne&#39;)">
        <input name="txOne" type="text" id="txOne" />
        <input type="submit" name="buOne" value="One" id="buOne" />
    </div>
    <div id="paTwo" onkeypress="javascript:return WebForm_FireDefaultButton(event, &#39;buTwo&#39;)">
        <input name="txTwo" type="text" id="txTwo" />
        <input type="submit" name="buTwo" value="Two" id="buTwo" />
    </div>
    <span id="laMessage"></span>
    <div class="aspNetHidden">
        <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
        <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
        <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
        <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="tSSluQdQzBx1IUSyVs5RBPJDqGj7Ue18MyKgnbEYfUC+1pDL7ofSk6We9GrBbSPsrP85C5UDVNhOv2F4qHTzUFct0OKOWgOMXXmpv6+EFREwJvJWamUmZdRiTbZ1xy+WwXq+5qwM/VIlFKbsYlvcVZAj/GUXCdVL2YfbTPdso1BaSoVXrPSK7hbwr3pagFl+" />
    </div>
    <script type="text/javascript">
        //<![CDATA[
        var theForm = document.forms['form1'];
        if (!theForm) {
            theForm = document.form1;
        }
        function __doPostBack(eventTarget, eventArgument) {
            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                theForm.__EVENTTARGET.value = eventTarget;
                theForm.__EVENTARGUMENT.value = eventArgument;
                theForm.submit();
            }
        }
        //]]>
    </script>
    <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZIW5ydMO-N69Qh9Ly_CAmH3SrNlWIPHd8175NakAnLP_S5r9KNXoQHWy_mjBajIxUA2&amp;t=636042734594211026" type="text/javascript"></script>
</form>

在我的开发机器上，一切正常。当我被放置在第一组用户名/密码文本框中并按 Enter 键时，将触发第一个提交按钮。第二组也是如此。

但是，当我将网站部署到生产服务器(Windows Server 2008 上的 IIS 7)时，此功能停止工作。无论我位于表单中的哪个位置，当我按 Enter 时都会触发第一个提交按钮，就好像 javascript 事件处理程序被忽略一样。为什么会发生这种情况？我该如何修复它？谢谢。

更新。我知道为什么会出现这个问题，尽管我不知道如何解决它。正如您在上面的客户端代码中看到的，WebForm_FireDefaultButton 调用中的单引号被转义为 ' 代码，导致调用参数不正确。为什么 IIS 7 会这样做？

UDPATE 2.感谢@VDWWD提供this pointer其中描述了 .NET 4 中的一个明显错误。显然，.NET 4 对从服务器端添加的属性进行编码，以便对单引号进行转义，这会破坏一些东西。

Answer 1

您已经很接近了，Panel 控件有一个 DefaultButton 属性。您可以指定按 Enter 键时将触发的正确按钮。

<asp:Panel ID="Panel1" runat="server" DefaultButton="Button1">
    <asp:TextBox ID="TextBox1" runat="server" ValidationGroup="Login1"></asp:TextBox>
    <br />
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="This field is required" ControlToValidate="TextBox1" ValidationGroup="Login1"></asp:RequiredFieldValidator>
    <br />
    <asp:Button ID="Button1" runat="server" Text="Login 1" OnClick="Button1_Click" ValidationGroup="Login1" />
</asp:Panel>

<asp:Panel ID="Panel2" runat="server" DefaultButton="Button2">
    <asp:TextBox ID="TextBox2" runat="server" ValidationGroup="Login2"></asp:TextBox>
    <br />
    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="This field is required" ControlToValidate="TextBox2" ValidationGroup="Login2"></asp:RequiredFieldValidator>
    <br />
    <asp:Button ID="Button2" runat="server" Text="Login 2" OnClick="Button2_Click" ValidationGroup="Login2" />
</asp:Panel>