如何停止按下 Enter 键触发我的 HTML 表单上的提交按钮

How to stop Enter Key presses triggering the Submit button on my HTML form

我有一个表单,其中包含一些文本输入字段(为简单起见,我们假设 FirstName 和 LastName),然后在表单底部有一个提交输入字段(值为 Sign In)

当我在其中一个文本字段中输入内容(例如输入 John 作为 FirstName)然后按键盘上的 Enter 键时,它会自动触发提交输入字段,就好像我真的点击了登录按钮一样.

我理解它这样做的原因,但是我需要找到解决方法,以便在按下 Enter 时,我可以继续输入表单的其余部分。我不希望在有人单击“登录”之前实际提交表单。

我读过一个建议,例如将 <input type="submit" value="Sign In"> 更改为 <input type="button" value="Sign In">,但是如果我这样做,按钮将无法点击,实际上 'submit'表格。

有什么建议吗?

我没有包含我的代码,因为我觉得没有必要,因为我确信有一个非常简单的解决方案我完全没有..但如果我真的需要粘贴我的代码我可以.. 谢谢。

不能输入"text"但可以输入"area"因为区域输入不固定

内联HTML:

<form onkeypress="return event.keyCode != 13;" ...>
...
</form>

这可以通过禁用整个表单的回车键来实现。 (请注意,这将阻止您在文本区域中换行)

Source