Question

I’m solving the problem with default submit button in IE7. When I press “enter” key in input field, than some button on the page is clicked. So I’ve found the solution for this:

 $(document).bind("keypress", function(ev) {
     ev.keyCode == 13 && ev.preventDefault();  
 });

But there is the problem with this code: textarea tag don’t get “new line”. So I tried this:

 $(document).bind("keypress", function(ev) {
     if (ev.keyCode == 13 && ev.target.type != "textarea")
         ev.preventDefault();  
 });

It works but looks dirty. The question is: can you advice better solution for the Problem?

Thank you in advance.

Answer 1

If it is to simply prevent the form submission on enter keypress, test on the keypress when the form is trying to submit…

$(your_form).submit(function(ev){
    if (ev.keyCode == 13){
        // Prevent form submission behaviors if the event was fired by enter keypress
        ev.preventDefault();return false;
    }
    // And code for form submission here, or just keep the return true to make it behave normally.
    return true;
});