Javascript 如何防止表单字段中的tab按钮跳转到另一个字段?

Javascript 如何防止表单字段中的tab按钮跳转到另一个字段?,javascript,html,Javascript,Html,示例:这是我的预订表单,当我单击关键字上的tab按钮时,它需要转到名字、电子邮件、房间类型,但阻止tab从到达日期跳转到预定日期 我从一些堆栈溢出解决方案中尝试了这种方法。当我单击关键字中的tab按钮时,它应该跳转到全名字段和姓氏字段,并防止tab标记并跳转到直接年龄字段。那么有什么方法可以这样做呢 <input type="text" name="full name" class="form-control"&g

示例:这是我的预订表单,当我单击关键字上的tab按钮时,它需要转到名字、电子邮件、房间类型,但阻止tab从到达日期跳转到预定日期

我从一些堆栈溢出解决方案中尝试了这种方法。当我单击关键字中的tab按钮时,它应该跳转到全名字段和姓氏字段,并防止tab标记并跳转到直接年龄字段。那么有什么方法可以这样做呢

       <input type="text" name="full name" class="form-control">
       <input type="text" name="last_name" class="form-control">
       <a href="{{ route('banks.index') }}" class=" block-tab ">Go to another Page</a>
       <input type="number" name="age">
       <button type="submit" >Save</button>

      <script>
         $('.block-tab').on('keydown', function(e) {
              if (e.keyCode == 9) e.preventDefault();
        });
     </script>

拯救
$('.block tab')。打开('keydown',函数(e){
如果(e.keyCode==9)e.preventDefault();
});
使用
tabindex=“-1”
跳过输入字段 有关更多信息,请阅读文档