知道哪个文本框已完成

Question

我有一个下拉列表。选择项目后，页面中将显示五个文本框（全部采用相同的格式）。可以在这些文本框中输入一位或两位数字。在下拉列表中选择一个项目后，焦点将转到TextBox1。每次用户按Enter键时，表单都会被提交。

我想要的是在用户按Enter键后将焦点移动到正确的位置：如果用户在TextBox1中，则在Enter focus移动到Textbox2之后。如果用户在TextBox 3中输入数据，则焦点移动到TextBox 4.或者，最后，如果用户位于TextBox5（最后一个）中，焦点将移动到初始下拉列表。

我的问题是：

1）我不能在每个文本框中使用JS onkeydown，因为用户可以在文本框中输入一个或两个数字。

2）我尝试使用JS onsubmit，但该指令适用于整个表单。我怎么知道哪个文本框已经完成？

Answer 1

您可以使用HTML5验证。

例如，如果您使用添加required到用户按下表单的implicitly submit时留空的字段，浏览器将聚焦无效字段并显示错误消息而不是提交。

＆＃13;

＆＃13;

input[type=submit] {
    display: none;
}

＆＃13;

<form>
    <input required />
    <input required />
    <input type="submit" />
</form>

＆＃13;

＆＃13;

＆＃13;