При использовании 3 текстовых полей для формы даты

Question

У меня есть форма даты на моей веб-странице, и это всего лишь 3 текстовых поля, 1 для дня 2-го для месяца и 3-го для года как дд / мм / гггг.Что я хочу сделать, так это когда кто-то вводит две цифры для дня, когда курсор должен автоматически перейти к текстовому полю месяца, а затем к текстовому полю года, т. Е. Вместо нажатия или нажатия кнопки табуляции ...с этим это после полудня и не может закончить это.лол.Любая помощь!

Answer 1

Попробуйте немного 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 />