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

Introduction

Here I will explain how to set focus on first or particular textbox during pageload using
jQuery in asp.net.

Description:
  
In previous articles I explained 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 set focus on first or particular textbox during pageload using jQuery in asp.net.

To set focus on first textbox we need to write the code like as shown below

<script ype="text/javascript">
$(document).ready(function() {
$('input:text:first').focus();
})
</script>

If you want to set focus on particular textbox then use textbox id for that we need to write the code like as shown below

<script type="text/javascript">
$(document).ready(function() {
$('#txtUserName').focus();
});
</script>
If you want to see this with complete example check below code

Example


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Set focus in first textbox or particular textbox during page load</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
// Set focus in first textbox during page load
$('input:text:first').focus();
// Set focus in location textbox when click on button
$('#btnClick').click(function() {
$('#txtLocation').focus();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<b>UserName:</b> <input type="text" id="txtUserName" /><br />
<b>Location:</b> <input type="text" id="txtLocation" /><br />
<input type="button" value="Click to Set Cursor" id="btnClick" />
</div>
</form>
</body>
</html>
Live Demo

To check Live demo check below textbox and click on button to set focus in location textbox



UserName:
Location:    
                   

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.