Login when press enter in 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>

My code is working when someone presses the login button, but I want the username and password filled in if the user presses enter. Then the form is submitted with the existing ajax code.

https://scotch.io/tutorials/submitting-ajax-forms-with-jquery — rejo, Jun 16 '16 at 12:34

score 1 · Answer 1 · edited May 01 '18 at 12:54

1

Do following steps :

Wrap your HTML code around a form
In your form use onsubmit attribute to call the same method as on the click of submit button

edited May 01 '18 at 12:54

Ajay2707

5,345
6
34
52

answered Jun 16 '16 at 12:31

Himanshu Tyagi

5,025
1
20
42

score 1 · Answer 2 · answered Jun 16 '16 at 12:35

Try this

 $('#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);
   }
});

Login when press enter in javascript?

2 Answers2