Submit form using Enter key

[qbantek]

Currently if you hit Enter while having the focus on a NumericTextbox control, the form does not submit. You can test this behavior right from telerik demos: http://demos.telerik.com/aspnet-mvc/numerictextbox/servervalidation , just hit Enter and the form won't submit at all.

I would like to simulate the default behavior as in http://jsfiddle.net/qbantek/BsDpY/ , where when a user press the Enter key while having the focus on the text box, the surrounding form gets submitted.

Thanks!
Erich

[qbantek]

My solution so far:

$(".t-input").keypress(function (e) {
    var enterKey = 13;
    if (e.which == enterKey)
        $(this).closest("form").submit();
});

[Matt]

Thanks for your post! Helped me achieve the same result. I modified it slightly to make sure that it uses the first submit button it finds, just in case there are multiple buttons on the form.

$(".t-numerictextbox .t-input").keypress(function (e) {
    var enterKey = 13;
    if (e.which == enterKey){
        var form = $(this).closest("form");
        var button = form.find('[type="submit"]').first();
        if(button.length > 0){
            button.click();
        }
        else{
            form.submit();
        }
    }
});

Our solution processes the form differently depending on which button is clicked, so this makes sure it has the same default behaviour as a form.

Or does form.submit(); actually behave the same as clicking the first button?