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

16 浏览
0 Comments

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

如何在提交表单时禁用回车键？PHP或JavaScript有方法吗？

0

2 答案

0 Comments

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

原因：在AJAX表单中按下回车键会导致页面刷新，这不是预期的效果。

解决方法：使用以下代码可以禁用回车键的默认行为。

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

0
0 Comments

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

最简单的解决方案是：不要在表单中使用提交按钮，而是使用普通按钮。

使用回车键相当于按下提交按钮。

顺便说一句，我个人讨厌不允许我使用回车键的表单。

如果你需要按下鼠标来点击提交按钮，这会感觉很烦人和慢。

此外，不要忘记使用回车键提交表单是其可访问性的一部分。通过拒绝用户以这种方式提交表单，您会对需要这些可访问性功能的人造成负面影响。

如果表单中的输入字段不多，例如我只有2个输入字段，您可以在每个输入字段中添加以下内容：

onkeypress="javascript:return (event.keyCode != 13)

为什么要使用JavaScript来禁用表单的基本功能呢？而且，如果您忘记在输入字段中添加它，仍然可以使用回车键进行提交。

0