javascript - 在特定文本字段中如何让输入单击按钮

Question

我之前问过这个问题，但是似乎没有人理解我的要求

我有一个有两个按钮的表单。第一个按钮是一个 input type="button"，它只是取消隐藏一个隐藏的 div。这个隐藏的 div 包含另一个类型为“提交”的按钮。在隐藏 DIV 之前。有一个用户名和密码字段 - type="text"。我希望用户能够输入用户名和密码，然后单击回车键以按下登录按钮，而不必移动鼠标并单击。问题是，当前在按下回车键时提交了整个表单并且隐藏的 div 没有显示，这是一个问题，因为隐藏的 div 包含另一个输入，它是一个特殊的验证 pin。

<form action="/loginaction.php" method="post" name="submit" id='submit'>
<label for="userAccountName">username</label><br>
                <input class="textField" type="text" name="username" 
id="userAccountName" maxlength="64" tabindex="1" value=""><br>&nbsp;<br>
                <label for="userPassword">Password</label><br>
                <input class="textField" type="password" name="password" 
id="userPassword" autocomplete="off" maxlength="64" tabindex="2"><br>
<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();">

第二个提交按钮在这里

<div id="showme" class="newmodal" style="position: absolute; z-index: 1000; 
max-width: 561px; left: 700px; top: 263px; display: none;">
            <div class="modal_buttons" id="login_twofactorauth_buttonsets">
        <div class="auth_buttonset" 
 id="login_twofactorauth_buttonset_entercode" style="">
            <button type="submit" class="auth_button leftbtn" data-
modalstate="submit" onsubmit="submitForms();">

                <div style="text-align: left" 
class="auth_button_h3">submit</div>
                <div style="text-align: left" class="auth_button_h5">my 
authenticator code</div>          
    </button></div>

https://jsfiddle.net/7edwsvat/

总而言之，我希望用户在用户名或密码字段中能够单击 enter，这将取消隐藏 div。不过，我仍然希望使用回车键在下一个 div 中提交表单。

如果有人可以，仍然需要帮助

Answer 1

我刚刚为回车键添加了一个处理程序，如下所示:

$('body').on('keypress', function(e) {

     if(e.which == 13) {
        showDiv();
    }
});

我已经更新了 jsfiddle https://jsfiddle.net/7edwsvat/2/现在触发您想要的功能。但是，showDiv()函数中的一些函数逻辑不正确，我也更新了这个。

附带说明一下，我将 jquery 添加到元素中，以便更轻松地选择内容。

希望这对您有所帮助。