javascript - 如何在不提交表单的情况下按回车键单击按钮

Question

我目前有一个登录按钮，点击它会显示一个加载图标 2 秒，然后显示一个隐藏的 div，隐藏的 div 也是表单的一部分，并包含一个实际提交表单的最终提交按钮。登录按钮只是显示隐藏的 div。我希望能够在表单的密码部分按下回车键，然后按下按钮，然后触发这个功能，如下所示。

function showDiv() {
document.getElementById('SteamLogin').style.display = "none";
document.getElementById('loadingGif').style.display = "block";
setTimeout(function() {
document.getElementById('loadingGif').style.display = "none";
document.getElementById('showme').style.display = "block";
},2000);
}

我的表单的用户名和密码输入允许我按回车键，但是它提交了我不想要的表单。我希望回车键只需按下登录按钮，它会显示隐藏的 div。就这样。

<input class="btn_green_white_innerfade btn_medium" type="button" 
name="submit" id="userLogin" value="Sign in" width="104" height="25" 
border="0" tabindex="5" onclick="showDiv();">

任何帮助将不胜感激

Answer 1

典型的方法是在表单上监听 submit。

$('form').on('submit', function(e) {
    e.preventDefault();
    // If '#userLogin' is the submit button for the form, just move the
    // code for the `$('#userLogin').click()` event handler in here.
    showDiv();
});