How to handle enter event of multiple text boxes which invoke input button clicks event?

Question

I have 3 asp.net text box and an html input botton, when enter is pressed in any of the above text boxes input button click event must be fired.My code is

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

I have write the following jquery code

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

I have used multiple if 's in jquery code but the button is not working when more then 1 text box has some text in it.How to handle enter event for multiple text boxes ?

vikas rajan · Accepted Answer · 2013-05-20 10:43:12Z

1

I suppose you need a functionality to postback when the content in the textbox is changed. One quick way of doing this would be to set the AutoPostBack property of the textbox to true and write an event handler for the textbox change event.

This causes postback to happen when the following event occurs:
1. When the content changes and focus is lost from the textbox by pressing the tab button or clicking on some other control.
2. When enter is pressed while focus is on the textbox.

No additional code is required to perform this functionality. Hope this is what you intend to achieve.

answered May 20, 2013 at 10:43

vikas rajan

664 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pankaj Agarwal · Accepted Answer · 2013-05-20 10:32:31Z

0

Javascript way

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

answered May 20, 2013 at 10:32

Pankaj Agarwal

11.4k12 gold badges46 silver badges59 bronze badges

Comments

tech savy · Accepted Answer · 2013-05-20 11:18:14Z

0

write your html code inside the form tag and change input type="button" to type="submit"

answered May 20, 2013 at 11:18

tech savy

1931 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to handle enter event of multiple text boxes which invoke input button clicks event?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related