Question

我有3个asp.net文本框和一个html输入按钮，当在任何上面的文本框中按下输入时，必须触发输入按钮点击事件。我的代码是

    <li class="right2">
        <asp:TextBox ID="txtPassportNumber" ClientIDMode="Static" MaxLength="20" CssClass="textEntry"
            runat="server"></asp:TextBox>
    </li>


    <li class="left"><label>First Name</label></li>
    <li class="right2">
        <asp:TextBox ID="txtFName" ClientIDMode="Static" MaxLength="20" CssClass="textEntry" runat="server"></asp:TextBox>

    </li>
    <li class="left"><label>Last Name</label></li>
    <li class="right2">
        <asp:TextBox ID="txtLName" ClientIDMode="Static" MaxLength="20" CssClass="textEntry" runat="server"></asp:TextBox>
    </li>

    <input type="button" id="btnSearch" clientidmode="Static" class="search button formbutton"
                value="Search" validationgroup="SearchPanelSubmit" runat="server" />

我编写了以下jquery代码

$(document).ready(function () {
       if ($('#txtPassportNumber').keypress(function (e) {
            if (e.keyCode == 13)
                $('#btnBasicSearch').click();
       }));
}

我在jquery代码中使用了多个if但是当多个文本框中有一些文本时按钮不起作用。如何处理多个文本框的输入事件？

Answer 1

我认为当文本框中的内容发生变化时，您需要回发功能。一种快速的方法是将文本框的AutoPostBack属性设置为true，并为文本框更改事件编写事件处理程序。

这会导致在发生以下事件时发生回发：
1.当内容更改并通过按Tab键按钮或单击其他控件从文本框中丢失焦点时。
2.当焦点在文本框上时按下输入。

执行此功能无需其他代码。希望这是你打算实现的目标。

Answer 2

Javascript方式

document.onkeypress = KeyCheck;
        function KeyCheck() {
            var key = event.keyCode;
            switch (key) {
                case 13: 
                    //Enter key
                    //Call your function here
                    break;
            }
        }

Answer 3

在表单标记内编写html代码，并将input type =“button”更改为type =“submit”

如何处理调用输入按钮点击事件的多个文本框的输入事件？

3 个答案: