»
EnglishFrenchVietnamese

Print - Auto Tab - JavaScriptBank.com

Full version: jsB@nk » Form » Auto Tab
URL: https://www.javascriptbank.com/auto-tab.html

Auto Tab © JavaScriptBank.comAutomatically 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



JavaScript
<SCRIPT LANGUAGE="JavaScript">// Cyanide_7 (leo7278@hotmail.com)<!-- 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-->


HTML
<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-->