javascript - 在文本框中按回车键时，如何使用 JQuery 关注提交按钮？

Question

我有一个包含多个文本框的页面，每个文本框都有一个与之关联的按钮。我想这是一个搜索“中心”，用户可以在其中按 ID、名称等进行搜索。

输入搜索词时，例如但是，按 Enter 键会“点击”页面上的第一个按钮(ID 搜索)，如果关联的文本框为空(如果有人打算按名称搜索，则会出现错误)。

我已尝试使用 JQuery 纠正此问题，并编写了以下内容:

$('input:text').click(function (e) {
            e.preventDefault();
            $(this).next('input:button').focus();
    });

我只是使用点击事件，以便我可以监视焦点被重定向的位置，但最终我会使用 .keypress。但是，单击文本框时没有任何反应，而且我根本看不出 JQuery 有什么问题。

如有任何建议，我们将不胜感激!

为了详细说明该问题，整个页面中使用的 .NET 代码看起来类似于以下内容。

<tr>
    <td style="width:100">Company ID</td>
    <td style="margin-left:3px;">
      <asp:TextBox ID="...TextBox" runat="server" Width="230px"></asp:TextBox>
    </td>
    <td>
    <asp:Button CssClass="Button" ID="...NameSearch" Text="Search" runat="server" /></td></tr>

这是生成这个(查看源代码):

<td><input name="...TextBox" id="...TextBox" style="width: 230px;" type="text"/></td>
<td><input name="...NameSearch" class="Button" id="...NameSearch" onclick="javascript:__doPostBack('...NameSearch','')" type="button" value="Search"/></td>

Answer 1

$('input:text')keydown(function(e) {
  if (e.keyCode == 13) {
    $("input:submit", $(this).closest('tr')).eq(0).focus();
  }
}