How to handle keydown Event in asp.net Textbox?

Question

I have a textbox in web form(asp.net). when user already keyin data, then they will press Enter key, so that the data will be update to database.

Is there any way possible to perform this?

Can you elaborate on " when user already keyin data"? In general, you cannot handle the clientside keydown-event on serverside. But you can handle the TextChanged event which is raised when the text was changed and the TextBox lost focus(you need to set AutoPostBack to true if you want it to be reaised immediately). — Tim Schmelter
– Tim Schmelter, Commented Dec 10, 2012 at 15:10
Isn't pressing Enter once a form has been filled out the same as clicking/actioning a "Submit" button for the form in question? — LukeHennerley
– LukeHennerley, Commented Dec 10, 2012 at 15:16
what I mean is that When user already typed information, they want to update to textbox. they want to have a single click (Enter Key) to do update operation. — Makara
– Makara, Commented Dec 10, 2012 at 15:20
lukeHennerley, you are right. That is what user want. How could I do so ? — Makara
– Makara, Commented Dec 10, 2012 at 15:21

Boriss Pavlovs · Accepted Answer · 2012-12-10 16:03:59Z

1

function InitTextBox() {
//var _txt = $('#<%= txt.ClientID%>'); or
var _txt = $('input:[id*="txtId"]');
if (_txt.length < 1) return;
_txt.get(0).autocomplete = 'off';
_txt.on('keydown', function (evt) {
    var _self = $(this);
    event = evt ? evt : window.event;
    if (event.keyCode == 13) {
        if ($.browser.msie)
        { event.cancelBubble = true; event.returnValue = false; }
        else { event.preventDefault(); }
        if (_self.val().length > 0 && _self.val().match(/^\s*$/) == null)
            __doPostBack(_self.attr('name'), '');
    }
});
}
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitTextBox);

And set autopostback for textbox to false, please

answered Dec 10, 2012 at 16:03

Boriss Pavlovs

1,44112 silver badges8 bronze badges

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

Comments

Brian Mains · Accepted Answer · 2012-12-10 15:19:55Z

1

Dino Esposito had wrote about this a while back. You wouldn't necessarily need a custom control, but can use his JavaScript.

If you have a control wrapped around a Panel, and you have the DefaultButtonID property set, the panel will trigger a postback on enter too by clicking the desired button specified by the ID. That's another way.

answered Dec 10, 2012 at 15:19

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

Collectives™ on Stack Overflow

How to handle keydown Event in asp.net Textbox?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related