How to advance to the next form input when the current input has a value?

Question

I am having a form with lots of entries. I would like to change my focus to the next textbox, once I entered the value in the current textbox. and want to continue this process up to the last field. My question is, is it possible to simulate what happens when pressing the tab key through Javascript coding once I enter the value in the text box.

Without pressing the tab key in keyboard, I would like to bring the same functionality through Javascript. Is this possible?

Answer 1

you just need to give focus to the next input field (by invoking focus()method on that input element), for example if you're using jQuery this code will simulate the tab key when enter is pressed:

var inputs = $(':input').keypress(function(e){      if (e.which == 13) {        e.preventDefault();        var nextInput = inputs.get(inputs.index(this) + 1);        if (nextInput) {           nextInput.focus();        }     } }); 

Answer 2

Needed to emulate the tab functionality a while ago, and now I've released it as a library that uses jquery.

EmulateTab: A jQuery plugin to emulate tabbing between elements on a page.

You can see how it works in the demo.

if (myTextHasBeenFilledWithText) {   // Tab to the next input after #my-text-input   $("#my-text-input").emulateTab(); }