Forms 达到输入编号maxlength时移动焦点

我有一个表单，用户必须输入他们的出生日期：

<div class="form-group">
      <label for="day" class="sr-only">[[%day]]</label>
      <input type="number" min="0" max="31" maxlength="2" class="form-control input-lg name="day" value="[[+day]]" placeholder="day">
</div>
<div class="form-group">
      <label for="day" class="sr-only">[[%day]]</label>
      <input type="number" min="0" max="31" maxlength="2" class="form-control input-lg name="day" value="[[+month]]" placeholder="month">
</div>
<div class="form-group">
      <label for="day" class="sr-only">[[%day]]</label>
      <input type="number" min="0" max="31" maxlength="4" class="form-control input-lg name="day" value="[[+year]]" placeholder="year">
</div>

[%天]]
[%天]]
试试这样的。
（您需要导入jquery库。）


txt#U日=$（“#日”）；
txt#U year=$（“#year”）；
txt_day.change（函数（）{
如果（tt_day.val（））长度；
txt_year.focus（）；
}
试试这样的方法。
（您需要导入jquery库。）


txt#U日=$（“#日”）；
txt#U year=$（“#year”）；
txt_day.change（函数（）{
如果（tt_day.val（））长度；
txt_year.focus（）；
}

<input type="number" id="date">
<input type="number" id="date">

<script>
  txt_day=$("#day");
  txt_year=$("#year");
  txt_day.change(function(){
     if(tt_day.val().length;
     txt_year.focus();
  }

</script>