HTML Text Input: Avoid submit when enter is pressed

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;
    }
}

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();
});