Wednesday, August 7, 2013

Tab Focus of textbox in asp.net using JQuery.

Description :
When user press Enter key, the Tab focus of a textbox moves to next textbox using JQuery in asp.net.

Code :
 <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>

No comments :

Post a Comment