Trigger a Button Click with jQuery on the Enter Key in a Textbox

By: Suresh Dasari Mar 4, 2014

Introduction:

Here I will explain how to trriger a button click with jQuery on enter key in textbox in asp.net or jQuery to raise button click on enter key press in textbox in asp.net.

Description:

In previous articles I explained jQuery enable / disable controls on page, jQuery enable or disable hyperlinks, jQuery Countdown timer script example, jQuery Increase or Decrease font size of website, Redirect to another page after some time delay, jQuery slideUp slideDown toggle effects and many articles relating to JQuery and asp.net. Now I will explain how to trriger a button click with jQuery on enter key in textbox in asp.net .

To raise button click event on enter key press in textbox we need to write the code like as shown below

$(function() {

$('#txtname').keypress(function(event) {

if (event.keyCode == 13) {

$('#btnClick').click();

}

})

</script>

If you want to see this with complete example check below code

Example

<head>

<title>jQuery raise button click event on enter key press</title>

</script>

$(function() {

$('#txtname').keypress(function(event) {

if (event.keyCode == 13) {

$('#btnClick').click();

}

})

$('#btnClick').click(function() {

alert('User Name is: ' + $('#txtname').val())

})

</script>

</head>

<body>

<div>

Enter Name: <input type="text" id="txtname" />

</div>

</form>

</body>

</html>

Live Demo

To check Live demo check enter text in below textbox and press enter key

Enter Name:

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

Subscribe by Email

2 comments :

jkh said...: jhgkjhgkjhkjhgkjh hjgjh hjgkj hjgkjh jhgk hjg jkgh j hjg jhg jh g khg k jhgk jhgk gkjh; July 2, 2014 at 4:59 AM
Unknown said...: how to pres enter key press multi textbox change event in asp.net mvc.; September 23, 2017 at 10:56 PM