HTML Text Input: Avoid submit when enter is pressed - html

Question

I have an HTML input which is a textfield.
When I am pressing the enter, this will call the submit, which is normal.
Now, I would like to do something else when Enter is clicked on that textBox.
I am trying something like that:
<input type="text"
id="first_page"
onPaste=""
onkeydown="if (event.keyCode == 13) alert('enter')" />
The alert works well but the submit is still done. My page is reloading after that.
Could you help me please.

Answer 1

write return false; and check it

Answer 2

Using jQuery:
<script>
$('#first_page').keypress(function(e) {
if (e.keyCode == '13') {
e.preventDefault();
//your code here
}
});​
</script>
using javascript
<input type="text" id="first_page" onPaste="" onkeydown="if (event.keyCode == 13) { alert('enter');return false;}" />

Answer 3

Other option would be using onkeypress
<input type="text" id="first_page" onPaste="" onkeypress="if (event.keyCode == 13) {alert('enter'); return false;}" />

Answer 4

You could try the below script :
<script>
function checkEnter(event)
{
if (event.keyCode == 13)
{
alert('enter')
return false;
}
}
</script>
And the Html:
<input type="text" id="first_page" onPaste="" onkeydown="return checkEnter(event);" />

Answer 5

You should be returning false in the keydown event handler function in order to prevent further processing of the event.
Also, you might find the following question useful: Prevent Users from submitting form by hitting enter.

Answer 6

write the following code after alert('enter')
return false;

Answer 7

Use this, it worked in mine.
Replace on the keydown:
onkeydown="if (event.keyCode == 13 || event.which == 13) event.preventDefault();"

Answer 8

$(function () {$('#form').validationEngine(); });
It will work in my mvc problem

Answer 9

using jquery you can avoid all submiting or some element
$("#form").submit(function(e) {
e.preventDefault();
});