1

日付を入力するインライン入力テキスト フィールドが 3 つあります。

<form>
  <input type="text" name="day" />
  <input type="text" name="month" />
  <input type="text" name="year" />
</form>

興味深いフィールドは日と月です。最大 2 つの数字を含めることができます。「05」などの日を入力した後、タブを押したり次のフィールドをクリックしたりせずに3つの入力すべてに日付全体を入力するために、カーソルを月フィールドにジャンプさせます。制限の 1 つは、ユーザーが以前に日付を入力した場合、フォーム フィールドにはその日付が入力されるため、日付フィールドには既に "05" が含まれている可能性があることです。今クリックすると、カーソルはまだジャンプしないので、新しい日を入力できます。
これを行うには、いくつかの (jquery) コード スニペットが既に存在している必要がありますか?

4

2 に答える 2

7

このちょっとした JS を試してください:

function moveToNext(field,nextFieldID){
  if(field.value.length >= field.maxLength){
    document.getElementById(nextFieldID).focus();
  }
}

次に、これをフィールドに追加します。

<input type="text" id="dd" maxlength=2 onkeyup="moveToNext(this,'mm')"/>
<input type="text" id="mm" maxlength=2 onkeyup="moveToNext(this,'yyyy')"/>
<input type="text" id="yyyy" maxlength=4 />

例

于 2013-01-03T12:59:39.123 に答える
1

私はこの素敵なプラグインを使用しており、Merion が要求したことを正確に実行します。

Autotab : jQuery の自動タブとフィルター。

于 2013-02-28T06:16:31.700 に答える