FORMスペースの入力コントロール

質問

JAVASCRIPT もしくはPHP で、FORMの入力コントロールを教えてください。
よくソフトのライセンス入力のプロダクトキーの入力欄で
必要桁数を入力したら次の入力フィールドに
自動的にカーソルが移動しているというのがありますが、
その機能を取り入れたWEBページをつくりたいと思っています。

初心者の質問で申し訳ありませんが
どうぞよろしくお願いいたします

回答No.2

think49

jQueryのプラグインがあるようです。

フィールド間を自動でタブ移動してくれる入力補助JSライブラリ「Autotab」:phpspot開発日誌
http://phpspot.org/blog/archives/2008/09/jsautotab.html

あと、こちらに同様の質問があります。

フォームで入力時自動で次の項目に移るプラグイン -OKWave
http://okwave.jp/qa5042456.html?ans_count_asc=1

お礼

ありがとうございます。参考にさせていただきます。

回答No.1

yambejp

たとえばこんな感じ
<script>
function checklenght(obj,l){
if(obj.value.length>l) obj.value=obj.value.substr(0,l);
var f=obj.form;
for(var i=0;i<f.length;i++){
if(f[i]==obj) break;
}
if(obj.value.length==l){
var idx=i!=f.length -1?i+1:0;
f[idx].focus();
}
}
</script>
<form>
3文字:<input type="text" onkeyup="checklenght(this,3)">
5文字:<input type="text" onkeyup="checklenght(this,5)">
8文字:<input type="text" onkeyup="checklenght(this,8)">
</form>

お礼

ありがとうございました実装できました！
たすかりました。ありがとうございます。