当有多个输入文本时,表单不提交

时间:2011-01-28 16:12:33

标签: forms input submit keypress enter

这是一个非常简单的问题。这是在Firefox(3.6),IE(8)和Chrome(8)上测试的。

这是文件doesnotsubmit.html

<form>
    <input />
    <input />
</form>

当焦点在其中一个输入上并按Enter键时,没有任何反应。

以下是文件doessubmit.html

<form>
    <input />
</form>

当焦点在输入上并按Enter键时,表单将被提交。

对此不一致行为的任何见解?

我知道表单缺少提交按钮,因此在语义上不正确。无论如何,提交过程意味着通过jQuery对话框按钮窗口的按钮自动处理,我不知道如何放置一个额外的&lt; input type =“submit”/&gt ;.

2 个答案:

答案 0 :(得分:1)

user754151是正确的。这是一个已知的错误,但我猜你可以通过拦截输入按键事件来摆脱它。

答案 1 :(得分:1)

这个问题有两种可能的解决方案。

  1. 最简单的解决方案是添加1个输入字段,这对用户不可见。

  2. 你可以绑定该输入字段的keydown事件,在该函数中只需检查keyCode == 13然后使用preventDefault()。

相关问题