Asp.net 在文本末尾按下回车键时文本框返回空字符串 vb.net

Question

我对 aspx 的世界很陌生，web forms。 但由于某些情况，我被分配到 webform 的开发。 我不知何故在这方面挣扎和生存。 我有一个问题，可能如果熟悉这个的人，可以帮助我理解是非常可观的。

问题：我在 aspx webform 中成功创建了一个搜索框功能，代码隐藏为 vb。 但问题是，当我在此搜索框中键入一些文本并按 Enter 时，它会重新加载到初始 state 而不是显示搜索结果。 当我们只在其中输入文本而不按 Enter 键时，它运行良好。 对于我在框中键入的每个字母，都会显示匹配的搜索结果。 我只是想知道如果我输入文本并在文本末尾按回车键，例如谷歌搜索，为什么这不起作用。 例如：我在搜索框中输入了“test”，然后按 Enter。 结果看起来很完美，直到我按下回车键。 一旦我按下回车键，它就会回到原来的 state 原来的样子。

调查：我调试了一下，发现当按回车时，文本框中的值变成了空。 即使文本框中存在文本，我也无法理解为什么它会变空。 我试过onkeypress="return event.keyCode!=13"在

<asp:TextBox ID="SearchTextBox" runat="server" onkeypress="return event.keyCode:=13" CssClass="txt"></asp:TextBox>以免回车时返回空值。 但它没有用。

• Dim searchkey As String
• searchkey = SearchTextBox.Text 。

searchkey返回空字符串而不是“测试”字符串。 但为什么？ 我怎样才能克服它？

寻找：当按下回车键时，是否有可能获得文本框中的文本值。

感谢您对我的帮助和新的学习

Answer 1

不要像这样直接使用onkeypress onkeypress="return event.keyCode!=13"

创建一个通用的js文件并在任何你想要的地方使用它，你也可以在一个js中修改。

使用通用js文件并创建一个 function 并通过像这样的链接在您的代码上使用<script src="~/js/common.js"></script>

这是防止Enter键的js代码：

function DisbleEntr(evt) {
if (evt.key == "Enter") {
    return false;
}}

并像这样在您的代码中使用：

<asp:TextBox ID="SearchTextBox" runat="server" onkeypress="return DisbleEntr(event);" CssClass="txt"></asp:TextBox>

希望对你有帮助

Answer 2

好吧，首先，输入键往往意味着提交页面。

还要注意，简单的回车键将触发该页面上的 FIRST 按钮！！！！

假设我们有这个简单的网格，底部有一个搜索框和一个搜索按钮。 真的很简单，这样说：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
    DataKeyNames="ID" CssClass="table table-striped" Width="50%">
    <Columns>
        <asp:BoundField DataField="FirstName" HeaderText="FirstName"     />
        <asp:BoundField DataField="LastName" HeaderText="LastName"       />
        <asp:BoundField DataField="HotelName" HeaderText="HotelName"     />
        <asp:BoundField DataField="Description" HeaderText="Description" />
        <asp:TemplateField HeaderText="Edit Hotel" ItemStyle-HorizontalAlign="Center">
            <ItemTemplate>
                <asp:Button ID="cmdEdit" runat="server" 
                    Text="Edit" CssClass="btn" OnClick="cmdEdit_Click" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
<br />
<asp:Label ID="Label1" runat="server" Text="Search For Hotel" Font-Size="Large"></asp:Label>
<asp:TextBox ID="txtSearch" runat="server" Style="margin-left:10px"></asp:TextBox>
<asp:Button ID="cmdSearch" runat="server" 
    Text="Search" Style="margin-left:10px"
    CssClass="btn" />

现在，上面加载的代码是这样说的：

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    If Not IsPostBack Then
        LoadGrid()
        MyEditHotelC.ShowGrid(True)
    End If

End Sub

Sub LoadGrid()

    Dim rstData As DataTable
    rstData = MyRst("SELECT * FROM tblHotelsA ORDER BY HotelName")
    GridView1.DataSource = rstData
    GridView1.DataBind()

End Sub

注意 SUPER DUPER 非常非常接近 - 请注意，在页面加载时，我总是检查 IsPostback。

请记住，对于任何按钮单击或任何回发，都会触发页面加载事件。 包括任何按钮点击——所以设置网格、设置文本框或任何东西的代码？ - 你只想运行一次这样的代码。

我们每周在这里看到/有大约 5 个帖子，其中有人掉入组合框中，选择一个值，然后单击一个按钮 - 然后所选值消失！

为什么？ 因为他们在页面加载事件中有代码来加载组合框，因此每次加载组合框的设置代码每次都会运行并破坏您的组合框选择。

巨大的教训：

因此，您构建的具有任何设置代码的每个 web 页面都将具有上述 If NotPostBack 代码存根。 我以这种方式查看了我构建的最后 100 多个页面。

因此，始终确保为页面设置代码包含 If Not Postback 存根，并且永远不要忘记这样做。

好的，所以我们运行页面，我们有这个：

现在第一条规则：

当您在文本框中按回车键时，我们找到的页面上的 FIRST 按钮将触发。

那么，看看上面，会发生什么？

原来页面上的第一个按钮隐藏在 GridView 中！！！！

所以，如果我在搜索框中输入，然后按回车键，那么这个按钮将被点击：

惊喜！！！！

现在，为什么这在大多数时候都不是问题？

好吧，在大多数情况下，您没有很多按钮，我可以/可以通过简单地将搜索框和按钮移动到顶部来修复上面的问题，如下所示：

因此，幸运的是，我们发现在大多数情况下这不是问题。

以及解决此问题的简单方法？

好吧，在页面的最顶部放一个按钮 - set style = "display:none" （隐藏按钮，这个问题已经解决 - 没有任何特殊代码）。

例如这个：

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

    <asp:Button ID="catchEnter" runat="server" Text="Button" 
        OnClientClick="return false" style="display:none"/>

所以，页面上的第一个控件。

接下来：

所以，请记住以上几点。

下一期：

对于我在框中键入的每个字母，都会显示匹配的搜索结果。

好的，所以你有某种类型的自动完成代码。 这是一个巨大的问题——互联网上大约有 20 多个库和示例。 您没有提及您采用的代码库（可能来自 jQuery.UI 的代码库，可能来自 ajaxtoolkit 的代码库 - 但存在大量系统）。

或者也许你自己推出了？ 我实际上非常推荐 ajaxtoolkit，因为它有一个非常好的自动完成扩展器——并且它使用 ajax 调用而无需回发此设置。

因此，您的问题在上面和总结中：

文本框附加了一些库代码 - 在页面加载中设置 - 但您未能采用并且是 IsPostBack = false 测试。

回车键没有被困住 - 因此在页面上的第一个按钮的任何地方 - 即使是那些隐藏在网格视图或其他任何地方的按钮，也会导致页面回发。

如果您的自动完成设置确实进行了回发，则您没有分享，但如果确实如此，那么这通常是问题所在。

因此，为了防止回车键点击第一个按钮，您可以添加上面的“技巧”并放入一个隐藏按钮，当点击该按钮时不会因为回车键而导致回发。

既然我安装了 ajax 工具包？

我可以做这个：

我为该文本框选择添加扩展器，然后选择：

所以，它为我添加了这个标记：

            <ajaxToolkit:AutoCompleteExtender ID="TextBox1_AutoCompleteExtender" runat="server" 
                BehaviorID="txtSearch_AutoComplete" 
                DelimiterCharacters="" 
                ServiceMethod="SearchCustomers"
                MinimumPrefixLength="1" 
                CompletionInterval="100" 
                EnableCaching="false"
                CompletionSetCount="40"
                TargetControlID="txtSearch">
            </ajaxToolkit:AutoCompleteExtender>

上面好看吗？ 我可以在搜索之前设置多少个字符。 我可以设置时间来更新等。而且我也不必写一行js代码！！！

所以上面现在看起来像这样

因此，我必须设置和编写的唯一部分是此搜索背后的代码。

那是这样的：

<WebMethod()>
Public Shared Function SearchCustomers(ByVal prefixText As String, ByVal count As Integer) As List(Of String)

    Using conn As SqlConnection = New SqlConnection()
        conn.ConnectionString = My.Settings.TEST4
        Using cmd As SqlCommand = New SqlCommand()
            cmd.CommandText = "select HotelName from tblHotels where HotelName like @SearchText + '%'
                               ORDER BY HotelName"
            cmd.Parameters.AddWithValue("@SearchText", prefixText)
            cmd.Connection = conn
            conn.Open()
            Dim customers As List(Of String) = New List(Of String)()
            Using sdr As SqlDataReader = cmd.ExecuteReader()
                While sdr.Read()
                    customers.Add(sdr("HotelName").ToString())
                End While
            End Using
            conn.Close()

            Return customers
        End Using
    End Using
End Function

但是，所有的 rest？ 没有额外的代码。

所以，我会考虑采用一个标准库（可能是 jquery.UI，或者上面的 ajaxtoolkit）。