Click here to Skip to main content
15,894,405 members
Articles / jQuery
Tip/Trick

Tab focus of textbox in ASP.NET using jQuery

Rate me:
Please Sign up or sign in to vote.
1.00/5 (1 vote)
15 Aug 2013CPOL 14.6K   4   1
Auto Tab focus to next textbox control in ASP.NET using jQuery.

Introduction

When user presses the Enter key, the Tab focus of a textbox moves to the next textbox using jQuery in ASP.NET.

Using the Code

Write this code in the Head tag of a webpage:

JavaScript
<script src="Scripts/jquery-1.9.1.js" 
      type="text/javascript"></script> 
<script type="text/javascript" language="javascript">
$(document).ready(function () 
{
    $('input:text:first').focus();
    $('input:text').bind('keydown', function (e) 
    {             
        if (e.keyCode == 13) 
        {                  
            e.preventDefault();
            var nextIndex = $('input:text').index(this) + 1;
            var maxIndex = $('input:text').length;
            if (nextIndex < maxIndex)
            {
                $('input:text:eq(' + nextIndex + ')').focus();
            }
        }
    });
});
</script>

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
India India
Musakkhir Sayyed is a Software Engineer working in IT Company. He has been a programmer/Software Developer for past 5 years specializing in .NET/C# development.

Comments and Discussions

 
GeneralMy vote of 1 Pin
JasonMacD15-Aug-13 6:21
JasonMacD15-Aug-13 6:21 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.