"Enter" Keypress to Submit the Form is not working in IE 9/10

Question

$(function(){
    $('.inviteClass').keypress(function() {
        if(event.keyCode=='13') {
            doPost();
        }
});

Here I have one small requirement. Pressing keyboard Enter to submit the form and it is working fine in FireFox and Chrome, as well as IE 7 and 8, but it is not working in IE9 and IE 10.

Please help me.

In IE, jQuery will fire keydown(), not keypress() for the arrow keys, because they are considered 'special' keys. — sasi, Feb 14 '13 at 05:44
possible duplicate :http://stackoverflow.com/questions/1427912/in-ie8-enter-key-in-a-form-does-not-work and http://stackoverflow.com/questions/3546140/enter-does-not-submit-form-in-ie-because-of-hidden-button — depz123, Feb 14 '13 at 05:44

score 8 · Accepted Answer · edited May 23 '17 at 12:32

8

Points to note:

You are missing a closing bracket.
Also, change the selector to window
Use .on() function
Use the .which property of event. See jQuery documentation
The keycode is an integer - remove the quotes
Add a return false; to stop the event from bubbling to the form (and possibly submitting the form twice). See Submitting a form on 'Enter' with jQuery?

Final code:

$(function() {
    $(window).on('keydown', function(event) {
        if(event.which == 13) {
            doPost();
            return false;
        }
    });
});

edited May 23 '17 at 12:32

Community

1
1

answered Feb 14 '13 at 06:35

Samuel Liew

76,741
107
159
260

1

the `keypress` function is a shortcut for `.on( "keypress", handler )`, so point `3` is invalid. See also: https://api.jquery.com/keypress/. – Jacob van Lingen Sep 22 '16 at 09:14

score 1 · Answer 2 · answered Feb 14 '13 at 05:42

1

try

$('.inviteClass').keypress(function (e) {
  c = e.which ? e.which : e.keyCode;
  if (c == 13) {
    doPost();
    e.preventDefault();
    return false;    //<---- Add this line
  }
});

answered Feb 14 '13 at 05:42

Zaheer Ahmed

28,160
11
74
110

alijsh · Answer 3 · 2013-02-14T06:01:28.990

0

you must use jQuery's event.which, also change '13' to 13 (a closing bracket was also missing):

$(function(){
    $('.inviteClass').keypress(function(event) {
        if(event.which == 13) {
            doPost();
        }
    });
});

edited Feb 14 '13 at 06:01

answered Feb 14 '13 at 05:42

alijsh

842
7
7

1

Your code is wrong. The second last closing bracket should be `});` and not just a `}`. – Samuel Liew Feb 14 '13 at 05:56

score -1 · Answer 4 · edited Feb 14 '13 at 05:46

-1

Please Try to use keydown event and also pass the event object in the function like this

$(function(){$('.inviteClass').keydown(function(event){if(event.keyCode=='13'){doPost();}});

or

$(function(){$('.inviteClass').keypress(function(event){if(event.keyCode=='13'){doPost();}});

Hope this will help you

Thanks

edited Feb 14 '13 at 05:46

Zaheer Ahmed

28,160
11
74
110

answered Feb 14 '13 at 05:40

Madhu Magar

435
4
18

"Enter" Keypress to Submit the Form is not working in IE 9/10

4 Answers4