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

by

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();
       }
    }
});

More Related Contents:

  1. How to trigger event in JavaScript?
  2. Stop setInterval call in JavaScript
  3. How to make JavaScript execute after page load?
  4. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  5. Getting the ID of the element that fired an event
  6. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  7. JavaScript global event mechanism
  8. removeEventListener on anonymous functions in JavaScript
  9. How do I normalize the CSS3 transition end events across browsers?
  10. How to make HTML element resizable using pure Javascript?
  11. What are passive event listeners?
  12. Using Chrome, how to find to which events are bound to an element
  13. Want to add “addEventListener” on multiple elements with same class [duplicate]
  14. How to distinguish mouse “click” and “drag”
  15. adding multiple event listeners to one element
  16. How to block users from closing a window in Javascript?
  17. Capture the close event of popup window in JavaScript
  18. Ignore mouse interaction on overlay image
  19. Why don’t audio and video events bubble?
  20. How can I detect an address bar change with JavaScript?
  21. Missing click event for inside element on firefox
  22. Handling “onclick” event with pure JavaScript
  23. Dynamically load external Javascript file, and wait for it to load – without using JQuery
  24. Javascript change event on input element fires on only losing focus
  25. Responding to the onmousemove event outside of the browser window in IE
  26. JavaScript/jQuery event listener on image load IE issues
  27. onDeviceReady not firing in PhoneGap hello world app
  28. Reload an HTML page just once using JavaScript
  29. Detecting support for a given JavaScript event?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment