按下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