Question

我最近一直在使用html + js + css，并在chrome和firefox中发现了一个非常奇怪的问题。

我有一个包含几个字段的表单，但在按下回车时不会提交。我想知道可能是什么原因。如果我删除所有字段并且只保留一个字段，则会正确提交。

它真的是一个chrome / firefox错误还是我在做梦？

代码1：（工作正常，表单在输入时提交）

<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <form>
    <input type="text" />
  </form>
</body>
</html>

代码2：（无效，输入时未提交表单）

<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <form>
    <input type="text" />
    <input type="text" />
  </form>
</body>
</html>

演示：

1个字段：http://jsbin.com/IFowenev/4/edit（工作正常，表单在输入时提交）

2个字段：http://jsbin.com/IFowenev/3/edit（不起作用，表单未在输入时提交）

Answer 1

这是一个quotation for jQuery's submit函数......

根据浏览器的不同，Enter键可能只会生成表单提交，如果表单只有一个文本字段，或仅在那里是一个提交按钮。界面不应该依赖于此密钥的特定行为，除非强制该问题观察按下Enter键的按键事件。

现在，如果你想“自动提交”表单，你只能有一个输入文本元素，或者只是在表单中添加一个提交按钮。

Answer 2

当表单中只有一个单行文本输入字段时，   用户代理应接受该字段中的Enter作为提交请求   表格。

Hypertext Markup Language - 2.0

为了获得可靠的结果，我建议使用JavaScript在enter上提交。

在Chrome中，表单未提交两个字段

2 个答案: