按下Enter键后，隐藏的提交按钮将不会以chrome提交

Question

隐藏的提交按钮有问题。 我有一个用于Ajax（jQuery）聊天的输入字段，人们应该输入文本，然后按Enter提交。 这在Firefox中可以正常工作，但在chrome中则不能，我认为它似乎不存在。

我正在使用以下代码：

$('#CommentChatForm').submit(function(event){ 
    ...
}

我用它来隐藏提交按钮：

$('#CommentChatForm input:submit').hide();

这使得HTML看起来像这样：

<div class="submit">
    <input type="submit" value="Submit" style="display: none;">
</div>

我还尝试通过在顶部添加以下内容来使用keypress（）：

$('#CommentMessage').keypress(function(e){
    if(e.which == 13){
        $('#CommentChatForm').submit();
    }
})

这样可以使其在Chrome浏览器中正常工作，但在Firefox中使其提交两次而不是一次。

Answer 1

有时，您无法控制由某些小部件或模块生成的HTML，因此您可以使用CSS设置样式。 我也是这样。 如果发现在Chrome中可以正常使用

visibility:hidden;

但是如果您使用

display:none;

在FireFox中，无论哪种方式都可以工作。 希望这对某人有帮助。

Answer 2

如果您使用按键处理程序，则不需要隐藏的提交按钮，因此只需将其删除即可。

Answer 3

我这样做是没有提交按钮。

$(document).ready(function()
{
    $('#Username').keypress(function(e){
        if(e.which == 13){
            $('#CheckLogin').submit();
            }
        }); 
    $('#Password').keypress(function(e){
        if(e.which == 13){
            $('#CheckLogin').submit();
            }
        });
});

Answer 4

如果您不想显示它，则不要在html中添加它。

的HTML：

<form id="form" onsubmit="my_submit()">
<input type="text" id="msg" />
</form>

javascript：

function my_submit(){
    var msg = $('#msg').val();
    ....
    submit_on_my_own(msg);
    ...
    return false;
}

Answer 5

在Chrome中为我工作

http://jsfiddle.net/qEAeN/

可能需要仔细检查您的js