Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Raise Button Click Event on Enter Key Press

Mar 4, 2014
Introduction

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


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

<script type="text/javascript">
$(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


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery raise button click event on enter key press</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">
</script>
<script type="text/javascript">
$(function() {
$('#txtname').keypress(function(event) {
if (event.keyCode == 13) {
$('#btnClick').click();
}
})
$('#btnClick').click(function() {
alert('User Name is: ' + $('#txtname').val())
})
})
</script>
</head>
<body>
<form id="form1">
<div>
Enter Name: <input type="text" id="txtname" />
<input type="button" id="btnClick" value="Click" />
</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 RSS subscribe by email Subscribe by Email

0 comments :

Give your Valuable Comments

Other Related Posts

© 2010-2012 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.