在点击输入时尝试“提交”我的表单失败

时间:2011-11-09 20:35:12

标签: jquery forms form-submit

我有一个带有隐藏提交按钮的表单。

当我尝试使用回车键提交表单时,它会失败(警报不会显示)。

我使用以下JS:

$(function() {
    $('div.quick-login form').submit(function() {
        alert('test');

        return false;
    });
});

http://jsfiddle.net/MsFY6/

关于为什么我的代码不起作用的任何想法?

更新

浏览器我使用Chrome进行了测试。

4 个答案:

答案 0 :(得分:1)

在FireFox 8.0和IE 8中为我工作。您使用的浏览器是什么?他们在submit的文档中有此免责声明:

  

根据浏览器的不同,Enter键可能只会生成表单   提交,如果表单只有一个文本字段,或仅在那里   是一个提交按钮。界面不应该依赖于   此密钥的特定行为,除非强制该问题   观察按下Enter键的按键事件。

听起来你不应该依赖Enter键。

答案 1 :(得分:1)

我总是把它放在.keypress()处理程序中,它检查密钥代码。

$("#inputbox").keypress(function(e) {
  if(e.keyCode == 13) {
    alert('test');
  }
});

答案 2 :(得分:1)

可以在Safari / Chrome中重现错误。原因是因为提交按钮是display: none; - ed。 If you unhide it, it works,您也可以visibilty: hidden; and have it work

选项可能是bind to a keypress as well - 返回键keyCode是13。

答案 3 :(得分:0)

我修改了你的例子:

使用键码:http://jsfiddle.net/MsFY6/7/

隐藏可见性:http://jsfiddle.net/MsFY6/8/

相关问题