當沒有type =「submit」元素時，表單不會在ENTER上提交

Question

我們使用自定義按鈕來提交表單。點擊事件被分配給.btn-submit's以提交相應的表單。但是，如果<button type="submit">或<input type="submit">元素位於<form>之內，則在用戶名或密碼文本字段中按ENTER鍵不會提交表單。

如何在<form>中沒有type="submit"元素的input字段中按ENTER鍵時仍允許用戶提交表單？

HTML

<form action="post.php" method="post"> 
<p><b>Username</b> <input type="text" name="username" style="width: 300px; font-size: 18px"></p> 
<p><b>Password</b> <input type="password" name="password" style="width: 300px; font-size: 18px"></p> 

<input type="hidden" name="user_login" value="1"> 
<div class="btn-inline btn-green btn-submit">Log In</div> 
</form> 

JS

$(document).ready(function() 
{ 
    $('.btn-submit').on('click', function(e) 
    { 
     $(this).parents('form:first').submit(); 
    }); 
}); 

Answer 1

你可以做這樣的事情，使它所以當進入關鍵是它激活提交按鈕輸入內按下

$('form').keypress(function(e){ 
    var code = e.keyCode || e.which; 

    if(code === 13) { 
     e.preventDefault(); 
     $(".btn-submit").click(); 
    }; 
}); 

編輯

這不會導致按下提交按鈕，如果在textarea按下返回，它只會這樣做input現在是text。

$('input:text').keypress(function(e){ 
    var code = e.keyCode || e.which; 

    if(code === 13) { 
     e.preventDefault(); 
     $(".btn-submit").click(); 
    }; 
});