Question

I’m using ASP.NET MVC 3 with unobstrusive ajax and I would like to prevent submit form by enter. I wrote the following code to do that

$(window).keypress(function (event) { 
    if (event.which == 13) { 
       event.preventDefault(); 
    } 
});

Unfortunately this event is not triggered on IE8. Is there any other options. (I’m using jQuery 1.6.4)

Answer 1

You should set focus on next element in DOM

$(window).keypress(function (event) { 
    if (event.which == 13) { 
       $(this).next().focus(); 
    } 
});

Check the next element type, if the type is not a textarea (enters permitted), or button/submit (enter = click) then we just tab to the next thing.

example,

if (e.which == 13) {
        var $targ = $(e.target);

        if (!$targ.is("textarea") && !$targ.is(":button,:submit")) {
            var focusNext = false;
            $(this).find(":input:visible:not([disabled],[readonly]), a").each(function(){
                if (this === e.target) {
                    focusNext = true;
                }
                else if (focusNext){
                    $(this).focus();
                    return false;
                }
            });

            return false;
        }
    }