【问题标题】:How to disable enter key in html form? [duplicate]如何禁用 html 表单中的输入键? [复制]
【发布时间】:2014-02-14 15:13:03
【问题描述】:

快速提问。

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

有没有 PHP 或 Javascript 的方法?

【问题讨论】:

  • 不确定,但为了可访问性,我建议不要这样做。不是每个人都能使用鼠标。

标签: html forms enter


【解决方案1】:
$('input').on('keydown', function(event) {
   var x = event.which;
   if (x === 13) {
       event.preventDefault();
   }
});

【讨论】:

  • 有效。对于没有任何“提交”功能的 AJAX 表单,我需要它。没有这个,按“Enter”会有意想不到的刷新整个页面的效果。
【解决方案2】:

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

顺便说一句,我个人讨厌不允许我使用 Enter/Return 的表单。
如果您需要抓住鼠标按提交,这只会让人感到烦人和缓慢

也不要忘记使用 Enter/Return 提交表单是其可访问性的一部分。通过以这种方式拒绝用户提交表单,您会对需要这些辅助功能的人产生负面影响。

【讨论】:

  • 如果表单中没有太多输入字段,例如我只有 2 个,您可以在每个输入字段中添加:onkeypress="javascript:return (event.keyCode != 13)
  • 为什么要使用 JavaScript 来禁用表单的基本功能?此外,如果您忘记将其添加到输入字段,您仍然可以使用 enter 提交。
猜你喜欢
  • 2017-06-13
  • 2011-08-03
  • 2011-02-14
  • 2021-02-10
  • 2014-09-02
  • 1970-01-01
  • 2012-09-30
  • 2010-12-26
  • 1970-01-01
相关资源
最近更新 更多