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

我试着:

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

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


当前回答

下面是一种用JQuery插件来实现这个功能的方法(以防你想重用这个功能):

$.fn.onEnterKey =
    function( closure ) {
        $(this).keypress(
            function( event ) {
                var code = event.keyCode ? event.keyCode : event.which;

                if (code == 13) {
                    closure();
                    return false;
                }
            } );
    }

现在,如果你想用这种类型的功能装饰<input>元素,它就像这样简单:

$('#your-input-id').onEnterKey(
    function() {
        // Do stuff here
    } );

其他回答

$('form#login').keypress(function (e) {
   var keyCode = e.keyCode ? e.keyCode : e.which;       
   if (keyCode == 13) 
   {
      e.preventDefault();
      $('form#login').submit();
      return false; 
   }
});

返回false以防止继续击键。

不知道这是否有帮助,但您可以尝试模拟单击提交按钮,而不是直接提交表单。我在生产中有以下代码,它可以正常工作:

    $('.input').keypress(function(e) {
        if(e.which == 13) {
            jQuery(this).blur();
            jQuery('#submit').focus().click();
        }
    });

注意:jQuery('#submit').focus()在按下enter键时使按钮动画化。

我现在用的

$("form").submit(function(event){
...
}

首先,我在提交按钮中添加了一个事件处理程序,它为我产生了一个错误。

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

你就不能简单地加一个

<input type="submit" /> 

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

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