Question

我有一个页面登录，带有用户标签和通行证。我想知道，当我在文本框中按 Enter 来调用要调用的按钮功能时，该怎么做。

Login.js

$(document).ready(function () {


    $("#btnOK").on("click", function () {
        var UserName = $("#txt_user").val();
        var Password = $("#txt_pass").val();
               .
               .
               .

});

Login.cshtml

form action="@Url.Action("Default")" method="post"> 
    <div id="boxLogin">
        <br />
        <label id="lbl_login">Login</label>

        <div id="log">
            <img src="../../img/images.jpg" alt=""/>
        </div>

        <div class="boxUser">
            <label id="lbl_user">User: </label>
            <input id="txt_user" type="text" value="" name="UserName">
        </div>

        <div class="boxPass">
            <label id="lbl_pass">Pass: </label>
            <input id="txt_pass" type="password" name="Password">
        </div>

        <div id="btns"> 
           <input type="button" ID="btnOK" class="btn" value="Confirm" />       
           <input type="button" ID="btnCancel" class="btn" value="Cancel" />
        </div>
   </div>
   </form>

Answer 1

您可以使用以下代码提交：

$('#txt_usuario').on('keyup', function(e) {
  var code = (e.keyCode ? e.keyCode : e.which);
  if (code == 13) {
     $( "#form" ).submit();
  }
});

表单 - 是您的表单ID。

Answer 2

$("#txt_senha").keyup(function(event){
if(event.keyCode == 13){
    $("#btnOK").click();
}
});

Answer 3

简单方法是将btnOK元素更改为提交按钮（type="submit"），并将javascript更改为在表单的onsubmit事件上运行。

按Enter键并调用按钮功能

3 个答案: