Question

I have a form that I use JQuery, I don’t think I need to put code in this post, the question is pretty basic.

But I would like to block the form from submitting when people press the Enter Key or the Return Key.

At the same time, I have textareas, where the user will need to be able to press the Enter / Return keys.

Answer 1

A quick and nasty hack but generally more reliable than trying to block keypresses in every field: add:

<input type="submit" onclick="return false;" />

at the top of the form. The first submit in a form acts as a default button for when Enter is pressed in current browsers, so by neutering it you prevent an Enter-submission from occurring.

Then use CSS to hide and/or move the button so it can’t be seen.

It isn’t always a good idea to block Enter-submissions though; it’s the standard way the browser is expected to work and some users really do want it.