Question

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

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

<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/

总结一下，我希望用户在用户名或密码字段内点击可以取消隐藏div的输入。我仍然希望使用回车键在下一个div中提交表单。

如果有人可以

仍然需要帮助

Answer 1

我刚刚为回车键添加了一个处理程序：

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

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

我已经更新了jsfiddle https://jsfiddle.net/7edwsvat/2/，现在可以触发你想要的函数。但是，showDiv（）函数中的一些函数逻辑是不正确的，我也更新了它。

在旁注中我将jquery添加到项目中，以便更容易选择。

希望这有帮助。

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

1 个答案: