在javascript中输入时登录?

时间:2016-06-16 12:26:05

标签: javascript

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

         function login(username, password)
        {

             $.ajax({
              method: "POST",
              url: "/login",
              data: { username:username,pwd:password}
            })
           .done(function( msg1 ) {

                if(msg1=='success')
                {
                window.location='/home';    
                }
                 else
                 {
                 var username='username';
                  var password='password';
                  eraseCookie(username,password);
                  toastr.warning(msg1);
                 }      
             });

        }

     </script>

当有人按下登录按钮时我的代码正在工作,但我想要 如果用户按Enter键,则填写用户名和密码。然后使用现有的ajax代码提交表单。

2 个答案:

答案 0 :(得分:1)

执行以下步骤:

  1. 围绕表单包装HTML代码
  2. 在表单中使用onsubmit属性调用与单击“提交按钮”相同的方法

答案 1 :(得分:1)

试试这个

 $('#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);
   }
});
相关问题