我有一个沼泽标准的登录表单-一个电子邮件文本字段,一个密码字段和一个提交按钮的AIR项目,使用HTML/jQuery。当我在表单上按Enter键时,整个表单的内容消失了,但表单没有提交。有人知道这是Webkit的问题吗(Adobe AIR使用Webkit进行HTML),还是我把事情搞砸了?

我试着:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
  }
});

但是这既没有停止清除行为,也没有提交表单。没有与表单相关的操作——这可能是问题所在吗?我可以把一个javascript函数的行动?


当前回答

有什么理由你必须钩子和测试输入键吗?

你就不能简单地加一个

<input type="submit" /> 

到您的形式,并有它自然提交时,进入是按?如果你想的话,你甚至可以钩子表单的onsubmit动作并从那里调用验证函数……

你甚至可以使用onsubmit作为测试来查看你的表单是否被提交,但是如果你调用form.submit()它将不起作用。

其他回答

返回false以防止继续击键。

同样为了保持可访问性,你应该使用这个来确定你的键码:

c = e.which ? e.which : e.keyCode;

if (c == 13) ...

除了返回false,正如Jason Cohen提到的。你可能还需要preventDefault

e.preventDefault();

你也可以简单地在页面的表单代码中添加onsubmit="return false"来防止默认行为。

然后钩(。在javascript文件中使用jQuery将表单的提交事件提交给任何函数。

下面是一个示例代码来提供帮助:

HTML

<form id="search_form" onsubmit="return false">
   <input type="text" id="search_field"/>
   <input type="button" id="search_btn" value="SEARCH"/>
</form>

Javascript + jQuery

$(document).ready(function() {

    $('#search_form').live("submit", function() {
        any_function()
    });
});

这是在2011-04-13,Firefox 4.0和jQuery 1.4.3中运行的

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
    return false;    //<---- Add this line
  }
});

看看这个stackoverflow的答案: event.preventDefault() vs. return false

从本质上讲,"return false"与调用e.c opreventdefault和e.c ostoppropagation()相同。