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

时间:2018-09-19 13:38:31

标签: html forms submit form-submit submit-button

我有一个带有一些文本输入字段的表单(为简单起见,我们先说FirstName和LastName),然后在表单底部添加一个Submit输入字段(值为Sign In)

当我在一个文本字段中键入某些内容(例如在名字上键入John),然后在键盘上按Enter时,它会自动触发提交输入字段,就像我实际上单击了“登录”按钮一样。 / p>

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

我已经阅读了一条建议,例如将<input type="submit" value="Sign In">更改为<input type="button" value="Sign In">,但是,如果执行此操作,则会使按钮不可单击,并且实际上不会“提交”表单。

有什么建议吗?

我没有包含我的代码,因为我不认为这是必要的,因为我确定确实有一个非常简单的解决方案,但我完全不知道..但是如果我真的需要粘贴我的代码,我可以谢谢。

2 个答案:

答案 0 :(得分:1)

内联HTML:

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

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

Source

答案 1 :(得分:-1)

您不能输入“文本”,但可以输入“区域”,因为区域输入不是固定的。