用Enter鍵提交表單而不提交按鈕？

可能重複：
HTML: Submitting a form by pressing enter without a submit button 用Enter鍵提交表單而不提交按鈕？

我怎麼可以提交一個表單只在文本輸入字段回車鍵後，無需再添加一個提交按鈕？

我記得曾在過去，但現在我測試了它和形式沒有得到提交，除非裏面有它提交類型的輸入字段。

2012-01-24 Alex

非常有用的問題，謝謝） –

189

$("input").keypress(function(event) { 
    if (event.which == 13) { 
     event.preventDefault(); 
     $("form").submit(); 
    } 
});

2012-01-24 03:28:28

不要忘記添加＃在輸入ID！ – MadsterMaddness

@MadsterMaddness使用''＃只有當我們指定一個元素的ID前面。從這個答案中，它指定了所有''元素。 – Mai

更改#form到表單的ID

$('#form input').keydown(function(e) { 
    if (e.keyCode == 13) { 
     $('#form').submit(); 
    } 
});

或可替代

$('input').keydown(function(e) { 
    if (e.keyCode == 13) { 
     $(this).closest('form').submit(); 
    } 
});

2012-01-24 03:27:18

您只需在表格上的keydown事件結合，而不是結合的個人投入，：在keydown事件會傳播到形式。 – Beejamin

確實很有幫助！有道理不具備提交表單按鈕處處 – cwiggo

如果您的形式有多種輸入元素則稍微好一點的是將處理的形式和過濾器從輸入元素類似這樣的事件綁定：在$（「＃形式」）（」的keydown」，‘輸入’，功能（E）{... –

周杰倫吉爾福特的回答會的工作，但我認爲真正的最簡單的方法是隻拍上display: none;表單中的提交按鈕。

2012-01-24 03:29:40

這不適用於我，我必須設置可見性：隱藏;相反。 –

@JayGuilford的答案是一個很好的答案，但如果你不想JS依賴項，你可以使用提交元素，並使用display: none;來隱藏它。

2012-01-24 03:31:05 FtDRbwLXw6

回答