[JQuery]フォーム入力後、次のフォームに自動的にフォーカスを移動させる方法

ユーザ情報を入力させる場合、複数のフォームがあるとフォーム間の移動が少し厄介ですよね。そうした場合、JQueryを使って入力が完了したフォームから次のフォームに自動的にフォーカスを移動させることが可能です。

以下をHeadに追加すればOK

 

inputの要素を取得し、maxlengthの数値と実際の入力された文字列を比較、それらが一致もしくは上回ったときに次のフォームにフォーカスを移動させます。inputの要素は配列で保持されているので、nextIndexで移動先のフォームの位置を特定してあげる必要があります。

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です