在javascript中按回車鍵登錄？

Question

<input type="text" class="form-control" id="username" name="username" placeholder="Username" required="" autofocus="" />
<input type="password" class="form-control" id="password" name="pwd" placeholder="Password" required="" autofocus="" />
<input class="btn btn-lg btn-primary btn-block button marginT20"  name="login" value="Login" type="Submit" onclick="login(document.getElementById('username').value,document.getElementById('password').value)" >   

<script>  
functionlogin(username, password){
  $.ajax({
    method: "POST",
    url: "/login",
    data: {
      username: username,
      pwd: password
    }
  }).done(function(msg1){
    if(msg1=='success'){
      window.location='/home';
    }else{
      varusername='username';varpassword='password';eraseCookie(username,
      password);toastr.warning(msg1);
    }
  });
}  
</script>

當有人按下登錄按鈕時，我的代碼正在工作，但如果用戶按下回車鍵，我希望填寫用戶名和密碼。 然后使用現有的ajax代碼提交表單。

Answer 1

執行以下步驟：

1. 將 HTML 代碼包裹在表單周圍
2. 在您的表單中使用onsubmit屬性調用與單擊提交按鈕相同的方法

Answer 2

試試這個

 $('#username , #password').keypress(function (e) {
  var key = e.which;
  if(key == 13)  // the enter key code
   {
        var username =$('#username').val();
        var password =$('#password').val()
        login(username, password);
   }
});