Full version: jsB@nk » Form » Auto Tab
URL: https://www.javascriptbank.com/auto-tab.html
Automatically sets focus to the next form element when the current form element's maxlength has been reached. This way, the user does not have to manually click in or tab to the next field. This script is perfectly suited for constant-length strings such as a phone number or social security numbers. Nice!
Full version: jsB@nk » Form » Auto Tab
URL: https://www.javascriptbank.com/auto-tab.html
<SCRIPT LANGUAGE="JavaScript">// Cyanide_7 ([email protected])<!-- Beginvar isNN = (navigator.appName.indexOf("Netscape")!=-1);function autoTab(input,len, e) {var keyCode = (isNN) ? e.which : e.keyCode; var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];if(input.value.length >= len && !containsElement(filter,keyCode)) {input.value = input.value.slice(0, len);input.form[(getIndex(input)+1) % input.form.length].focus();}function containsElement(arr, ele) {var found = false, index = 0;while(!found && index < arr.length)if(arr[index] == ele)found = true;elseindex++;return found;}function getIndex(input) {var index = -1, i = 0, found = false;while (i < input.form.length && index == -1)if (input.form[i] == input)index = i;else i++;return index;}return true;}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><form><table><tr><td>Phone Number : <br>1 - (<small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small>) - <small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small> - <small><input onKeyUp="return autoTab(this, 4, event);" size="5" maxlength="4"></small></td></tr><tr><td>Social Security Number : <br><small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small> - <small><input onKeyUp="return autoTab(this, 2, event);" size="3" maxlength="2"></small> - <small><input onKeyUp="return autoTab(this, 4, event);" size="5" maxlength="4"></small></td></tr></table></form><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->