How to disable submit on enter with jquery leaving the other functionality attached to enter intact

Question

This question should have been answered by jquery disable form submit on enter, but the answer to that question does not seem to work for me - when I press enter in an input text field three things occur:

1. The field's change event is fired.
2. The form is submitted.
3. Finally the keyup event handler described in the aforementioned answer is fired.

Now, I can replace keyup with keydown and then submit is really not triggered. But the field's change event neither.

There are lots of links on the internet, but most are talking about complex scenarios, like disable if and when, etc...

All I want is always disable submit on enter, but nothing more.

I am using jquery 1.8.0

Thanks.

EDIT

I want to clarify. I do want the submit to occur when the user clicks on the submit input button. I just do not want it to happen on enter.

<form id="invoiceForm">
  ...
  <input type="submit"/>
</form>

EDIT2

http://jsfiddle.net/mark69_fnd/akZG4/ - If the submit is triggered one should see the message

{"error": "Please use POST request"}

I do not want to see this message on enter. Only when the submit is actually clicked.

EDIT3

I changed the fiddle to actually submit for a blank page and alert on submit.

EDIT4

I want to prevent the default action of submitting the form on hitting the enter key inside a text input field. But I do want to preserve the behaviour natural for a text input - triggering the change event.

Answer 1

In a similar situation, I used this:

HTML:

<input name="my_text" onkeypress="disableSubmit(this, event)" />

JS:

function disableSubmit(elem, event) {
    if (event.which == 13) { 
        event.preventDefault();
        $(elem).blur();
        return false;
    }
}

So basically to fire blur even - so when input has changed - change event will be fired too. Of course side effect is that input loses focus. But from our usage scenario perspective, it was OK.