【问题标题】:ASP.NET form with two submit buttons not working带有两个提交按钮的 ASP.NET 表单不起作用
【发布时间】:2016-10-25 18:08:35
【问题描述】:

我使用 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 对从服务器端添加的属性进行编码,以便转义单引号,这会破坏事情。

【问题讨论】:

  • 您能提供一个minimal verifiable example 的问题吗?
  • 你能显示生成的 HTML 吗?
  • 我现在正在展示服务器和客户端代码。我还添加了有关问题发生原因的更新,

标签: javascript asp.net


【解决方案1】:

你很接近,Panel 控件有一个DefaultButton 属性。您可以指定按下回车键时将触发的正确按钮。

<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>

【讨论】:

  • 好吧,我忘了说我实际上使用的是DefaultButton 属性,正如你所指出的。对不起,我之前没有说。我现在已经更新了我的 OP。
  • ' 替换为&amp;#39; 是正常行为。但我无法重现您的错误。我复制了您的代码,但它按预期工作......buOne_Click 和/或buTwo_Click 中有什么东西
  • 不,' 不应替换为 '在javascript代码中。例如,在 OP 中查看 'form1'buOne_ClickbuTwo_Click 只是在屏幕上分别显示一条消息,以便您知道哪个被点击了。
  • 我提到了 asp.net 的正常行为。我知道它应该是'。请参阅forums.asp.net/p/1554455/3818604.aspx 进行类似讨论。
  • 根据您提到的帖子,.NET 4 中的这种编码方式似乎是一个错误,而不是“正常行为”:-) 它肯定会破坏事情。另外,为什么它发生在我的生产服务器而不是我的开发机器上?
猜你喜欢
  • 1970-01-01
  • 2018-11-05
  • 2014-11-25
  • 2012-08-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-05-05
相关资源
最近更新 更多