Click here to Skip to main content
Click here to Skip to main content

Tab focus of textbox in ASP.NET using jQuery

By , 15 Aug 2013
Rate this:
Please Sign up or sign in to vote.

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:

<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)

About the Author

Musakkhir
Software Developer (Senior)
India India
Musakkhir Sayyed is a Software Engineer working in IT Company. He has been a programmer/Software Developer for past 2 years specializing in .NET/C# development. Currently, he is a Silverlight, WPF/Sharepoint developer specializing in BCS Services.
Follow on   Twitter   Google+

Comments and Discussions

 
GeneralMy vote of 1 PinmemberJasonMacD15-Aug-13 6:21 

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

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

| Advertise | Privacy | Mobile
Web03 | 2.8.140415.2 | Last Updated 15 Aug 2013
Article Copyright 2013 by Musakkhir
Everything else Copyright © CodeProject, 1999-2014
Terms of Use
Layout: fixed | fluid