»
AnglaisFrançaisVietnamien

Imprimer - Onglet Auto - JavaScriptBank.com

Version complète: jsB@nk » Form » Onglet Auto
URL: https://www.javascriptbank.com/auto-tab.html

Onglet Auto © JavaScriptBank.comAutomatiquement se concentrer à la prochaine élément de formulaire lors de la forme actuelle de l'élément maxlength a été atteint. De cette façon, l'utilisateur n'a pas à cliquer manuellement ou à l'onglet à l'autre domaine. Ce script est parfaitement adapté pour les chaînes de longueur constante par exemple un numéro de téléphone ou les numéros de sécurité sociale. Beau!

Version complète: jsB@nk » Form » Onglet Auto
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-->