Enter key press doesn't work for a login menu in javascript?

Question

The problem is , when i hit enter key , it refreshes the page and put me into the same page , it doesnt even execute the alerts I am using this javascript code to login by hitting enter key but it doesn't work .

 $("#btnLogin").keypress(function (e) {
        var code = e.which; 
        alert("stage 1");
        if (code == 13) {
            e.preventDefault();

                alert("stage 2");

        }

    });

i have used keyup,keydown also but they give me the same result, this is my html button

 <button class="btn btn-success" type="button" id="btnLogin">
                        Sign In</button>

Any help appreciated .

Do you include jQuery lib in your code? Cause it works on my side. You can check https://jsfiddle.net/hggo96ob/ , use tab to focus on the button and press enter. — JasmineOT, Apr 20 '16 at 15:26
Don't listen to the keypress event. Listen to the `submit` event of the respective form. — Bergi, Apr 20 '16 at 15:27
Are you executing `$("#btnLogin").keypress(` before the element has been created? For instance not executing it in a `$(document).ready` callback. — Patrick Evans, Apr 20 '16 at 15:30

score 0 · Answer 1 · answered Apr 20 '16 at 16:23

0

Inside of your if statement you need to add e.preventDefault() in order for it not to submit your form (which is what the default for enter key in a form).

answered Apr 20 '16 at 16:23

Tuvia

859
4
15

score 0 · Accepted Answer · edited May 23 '17 at 12:00

0

The issue is resolved

i have used following code

 $(document).keypress(function (e) {
        if (e.which == 13) {
           alert('You pressed enter!');

        }
    });

instead of using LoginId in used document and then it worked .

I found the answer from the link below here it is

Thanks for your time you spend toanswer the question above

edited May 23 '17 at 12:00

Community

1
1

answered Apr 20 '16 at 17:16

akaminko

71
1
2
11

Enter key press doesn't work for a login menu in javascript?

2 Answers2