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.
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 use jQuery to raise button click on enter key press in asp.net.
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 use jQuery to raise button click on enter key press in asp.net.
To raise button click event on enter key press
we need to write the code like as shown below
|
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
|
|
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
|
|||
0 comments :
Note: Only a member of this blog may post a comment.