Disable enter submit

Question

I have a form with a textfield inside and I am trying to disable the default behavior when the browser submits the whole form if the user presses Enter while the textfield is selected.

$('#recaptcha_response_field').keydown(function(event) { if (event.keyCode == 13) { event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); alert("You Press ENTER key"); return false; } });

Currently am getting "You Press ENTER key" and the default behavior isn't overridden.

Duplicate stackoverflow.com/questions/585396/… Pls ask your question to google before submitting it here. this would have provided you with the original question that has already been answered at length. — iAmClownShoe
– iAmClownShoe, Commented Apr 17, 2013 at 14:21
preventDefault is absolutely enough. Neither do you need to stop propagation, nor return false. — Bergi
– Bergi, Commented Apr 17, 2013 at 14:22

palaѕн · Accepted Answer · 2013-04-17 16:06:24Z

25

Try this:

$(document).on("keypress", 'form', function (e) { var code = e.keyCode || e.which; if (code == 13) { e.preventDefault(); return false; } });

This will prevent the form submit on keypress

DEMO HERE

edited Apr 17, 2013 at 16:06

answered Apr 17, 2013 at 14:22

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

iAmClownShoe Over a year ago

keyup fires after the submit and therefore, you cannot disable default behavior since it has already happened.

Jonathan Over a year ago

Also stops textareas from pressing enter for new lines \n

Saulius Over a year ago

keydown fires first so it is safest to use.

dustysilicon · Accepted Answer · 2014-05-13 20:54:21Z

I found this and it works for me.

<input type="text" name="somename" id="someid" value="" onkeypress="return event.keyCode!=13">

Rob Powell · Accepted Answer · 2015-12-15 12:19:53Z

To prevent the script from blocking the enter key on other elements such as on a textarea. Change the target from "form" to "input".

$(document).on("keypress", "input", function (e) { var code = e.keyCode || e.which; if (code == 13) { e.preventDefault(); return false; } });

prabeen giri · Accepted Answer · 2013-04-17 14:50:27Z

If none of the above solution is working for you , and you are using javascript anyway , why don't you use button type as 'button' <input type='button'> and submit it using javascript

$('#form_id').submit();

Wolf · Accepted Answer · 2013-08-27 09:58:10Z

U can use this script to prevent enter on entire from.

<script type="text/javascript"> $(document).on("keypress", 'form', function (e) { if (e.target.className.indexOf("allowEnter") == -1) { var code = e.keyCode || e.which; if (code == 13) { e.preventDefault(); return false; } } }); </script>

you put the classname to which control need to use enter

Collectives™ on Stack Overflow

Disable enter submit

5 Answers 5

3 Comments

Comments

1 Comment

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

1 Comment

Comments

1 Comment

Linked

Related