[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms

jQuery Autotab: Auto-tabbing and filtering for forms

 

jQuery Autotab is a plugin that gives you auto tabbing and filtering of text fields within a form. It greatly improves form usability and helps reduce the amount of bad data submitted.

GitHub: https://github.com/Mathachew/jquery-autotab
Demo Page: http://autotab.mathachew.com/

 

jQuery Autotab

Autotab is a jQuery plugin that provides auto tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a text field, the focus is automatically set to a defined element. Likewise, clearing out the text field's content by pressing backspace eventually places the focus on a previous element.

Why jQuery Autotab?

• Auto tabbing behaves logically, in both tabbing forward and tabbing backwards.
• Allow your users to easily modify your text in a tab that would otherwise auto tab away.
• Reduce the amount of bad data submitted in a form by filtering text fields.
• Populate multiple text fields by pasting into one.
• Enhance text fields by auto tabbing when a specific character is pressed.
• It is small, fast, easy to load and built on the powerful jQuery library.

Demo

Always running the latest and greatest version of Autotab: http://autotab.mathachew.com/

Angular and Knockout demos are also available.

 

//-- $('.answer').autotab({ maxlength: 1 }); //--

 

<div> <label>Answer 1</label> <input type="text" id="answer1" class="answer" size="3" /> - <label>Answer 2</label> <input type="text" id="answer2" class="answer" size="3" /> - <label>Answer 3</label> <input type="text" id="answer3" class="answer" size="3" /> - </div>

 

 

 

 

 

 

 

.