»
Tiếng AnhTiếng PhápTiếng Việt

In - Tự động chuyển field - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Tự động chuyển field
URL: https://www.javascriptbank.com/auto-tab.html

Tự động chuyển field © JavaScriptBank.comHiệu ứng sẽ tự động chuyển con trỏ chuột sang trường kế tiếp khi người dùng đã nhập đầy đủ dữ liệu trong trường hiện hành.

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Tự động chuyển field
URL: https://www.javascriptbank.com/auto-tab.html



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


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