MultiLine TextBox未提交

Question

我正在编写一个asp.net页面，提交表单时遇到了一些问题。我得到的是一个多行文本框。当用户点击enter时，表单应该被提交，但是它却插入了新的一行(这通常是人们遇到的相反的问题)。下面是相关的主体代码：

<div align="left">
        Name:

            <asp:TextBox ID="Name" runat="server"></asp:TextBox>

            <asp:Button ID="Clear" runat="server" onclick="Clear_Click" 
                Text="Clear Chat Log" UseSubmitBehavior="False" />

        </div>
        <br />
        <asp:UpdatePanel runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="UpdateTimer" EventName="Tick"/>
                <asp:AsyncPostBackTrigger ControlID="Go" EventName="Click" />
            </Triggers>
            <ContentTemplate>
                <asp:TextBox id="Chat" runat="server" ReadOnly="true" TextMode="MultiLine" Width="400" Height="630" />
                <asp:Timer runat="server" Interval="500" OnTick="Timer_Tick" ID="UpdateTimer"/>
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:UpdatePanel runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Go" EventName="Click" />
            </Triggers>
            <ContentTemplate>
                <br/>
                <asp:TextBox id="Message" runat="server" Width="400" Wrap="true" Height="40px" 
                    TextMode="MultiLine" AutoCompleteType="Disabled" AutoPostBack="True"/>
                <asp:Button id="Go" runat="server" Text="Go" Width="40px" Height="40px" OnClick="goClicked" UseSubmitBehavior="true"/>
            </ContentTemplate>
        </asp:UpdatePanel>

我猜问题出在更新面板上。基本上，如果用户在"Message“文本框中点击enter，就会触发"Go”按钮(这两个文本框都在列表的底部)

谢谢你的帮助，麦克斯

Answer 1

您需要在多行文本框中捕获Enter键，然后使用Javascript提交表单。示例：

<input type="text" id="txtMultiline" onkeydown="if(event.keyCode == 13) document.getElementById('btnSubmit').click()"/>

Answer 2

试试Ctrl+Enter。此外，Facebook消息页面也有类似的行为，但你可以选择模式：“快速回复”vs按钮。

Answer 3

添加另一个TextBox，如下所示：

<asp:TextBox ID="txtSubmitOnEnter" runat="server" Width="0" style="visibility:hidden;display:none;" />      

在那之后它应该会工作。