TAGS: Autotab | 自動タブ | フォーカス | jQuery | プラグイン
Autotabは入力する際に、文字数が制限を超えると自動的に次に入力テキストボックスに移動してくれるjQueryプラグインです。

動作環境


◇ 言語: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>

.

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation