動作環境
◇ 言語:JavaScript(jQuery)
◇ ライセンス:MIT、GPL
機能・特徴
◇ 自動タブ。制限字数を超えると、フォーカスを自動的に次の入力ボックスに移動する
◇ 入力文字の種類を制限。例えば、数字のみ、英語のみの文字しか入力させない。
◇ 小文字を大文字に変換。小文字を入力すると、自動的に大文字に変換する。
使い方
HTML
<form>
<div><strong>Phone Number:</strong></div>
<input type="text" name="areacode" id="areacode" maxlength="3" size="3" /> -
<input type="text" name="number1" id="number1" maxlength="3" size="3" /> -
<input type="text" name="number2" id="number2" maxlength="4" size="5" />
</form>
JavaScript
<script type="text/javascript">
$(document).ready(function() {
$('#area_code').autotab({ target: 'number1', format: 'numeric' });
$('#number1').autotab({ target: 'number2', format: 'numeric', previous: 'area_code' });
$('#number2').autotab({ previous: 'number1', format: 'numeric' });
});
</script>
.