Enter fires the form submit

Question

I have a div (nice gif displayed as-if it\'s a button), on that div is a piece of JavaScript that handles the ENTER as-if it\'s a click $(this).c

Answer 1

This is a handy dandy jQuery function I use to get around this.

$(formSelector).find('input, select').keypress(function (event) {

    if (event.keyCode == 13) {
        event.preventDefault();
        $(buttonSelector).click().focus();

        return false;
    }
});

formSelector is just a variable holding the #FormId, and buttonSelector is a variable holding the button I want to be clicked. so in your case, it would be: #IdOfYourDivToClick.

Answer 2

In IE, the default behavior of the enter key on an input element (button type) is a form submit (most of the time).

You can try to capture the keydown event and check for enter key; if it is then run event.preventDefault().

Take a look at: https://developer.mozilla.org/en/DOM/event.preventDefault

If you post some code, I can help you by modifying your code. Post your HTML and relevant JavaScript.