我的用户按Enter后立即在模态内提交表单

Question

我在用户按enter键后尝试在模式中提交表单。

我试过以下

$('.modal').on('show.bs.modal', function (e) {
    console.log('modal is opened ! ');
    $(document).keypress(function(e) {
        if(e.which == 13) {
            console.log('Enter Pressed !');
            var form = $('.modal').find('.modal-dialog').closest('form')
                .find('button[type=submit]').click();

            console.log(form);
        }
    });
})

我让控制台打印出来

modal is opened ! 
Enter Pressed !
prevObject: e.fn.init[0], context: document, selector: "button[type=submit]"]

尝试＃2

$('.modal').on('show.bs.modal', function (e) {
    console.log('modal is opened ! ');
    $(document).keypress(function(e) {
        if(e.which == 13) {
            console.log('Enter Press');
            var form = $('.modal').find('.modal-dialog').closest('form').submit();
            console.log(form);
        }
    });
})

控制台

modal is opened ! 
Enter Press
[prevObject: e.fn.init[3], context: document]

由于某些原因，表单仍然没有提交。

我知道我非常接近，但我无法提交我的表格。

有人可以在这里给我一点推动吗？

Answer 1

您无需找到提交按钮。

$('.modal').find('.modal-dialog').closest('form').submit();

Answer 2

尝试：

$('.modal').find('.modal-dialog').closest('form').submit()