如何在HTML表单中禁用回车键？

Question

快速问题。

如何在提交表单时禁用回车键？

PHP或Javascript有方法吗？

- mistysnake

---

不确定，但我建议不要这样做以提高可访问性。并非每个人都能使用鼠标。 - wickywills

Answer 1

$('input').on('keydown', function(event) {
   var x = event.which;
   if (x === 13) {
       event.preventDefault();
   }
});

- CRABOLO

---

工作了。我需要这个用于一个没有任何“提交”功能的AJAX表单。没有这个，按下“回车”键会出现刷新整个页面的意外效果。 - PJ Brunet

Answer 2

最简单的解决方案：
不要在表单中使用提交按钮，而是使用普通按钮。
使用Enter/Return键相当于按下提交按钮。

顺便说一句，我个人讨厌那些不允许我使用Enter/Return键的表单。
如果你需要拿起鼠标点击“提交”按钮，那就感觉很烦人和慢了。

还要注意，使用Enter/Return键提交表单是其可访问性的一部分。如果拒绝用户以这种方式提交表单，你将对需要这些可访问性功能的人造成负面影响。

- BlueCacti

---

如果您的表格中没有太多的输入字段，例如我只有2个，您可以在每个输入字段中添加：onkeypress="javascript:return (event.keyCode != 13) - Peter

你为什么要使用JavaScript来禁用表单的基本功能？而且，如果您忘记将其添加到输入字段中，仍然可以使用回车键提交。 - BlueCacti