jQuery 回调触发手动表单提交时未调用表单提交处理程序

Question

我有一个问题，当我使用 class 'reCaptchaForm' 和 vanilla JavaScript 手动触发表单提交时，我的表单的提交处理程序没有被调用，如在下面的代码片段。

我有 onReCaptchaSuccess 回调，它将手动提交表单，但是当我这样做时，提交处理程序不会被调用 - 当我在浏览器中使用 [=14 本机提交表单时，它会起作用=] 类型为 'submit'.

在表单所在的模板中：

<script type="text/javascript">
    require(['crmpicco/coursedetails'], function(details) {
        details.init();
    });
    function onReCaptchaSuccess(token) {
        document.getElementsByClassName("reCaptchaForm")[0].submit();
    }
</script>

我的 RequireJS 模块 coursedetails.js:

define('crmpicco/coursedetails', [
    'jquery',
    'intl-tel-input',
    'jstz'
], function($) {
    var CourseDetails = {
        init: function() {            
            this.initPhoneNumber();
        },

        initPhoneNumber: function() {

            // ...some field cloning in here...

            originField.closest('form').submit(function() {                
                // this form submit handler is never envoked!
            });
        },
    };

    return CourseDetails;
});

我猜我在这里遗漏了一些明显的东西，但我不明白为什么这里没有调用提交处理程序，因为我的理解是这应该冒泡。

编辑：好的，我现在已经读到这个了。 - 但是它没有解决我如何捕获程序提交的问题。

Answer 1

我想我在上面的 edit 中回答了我自己的问题。

本质上 - 事件仅在用户激活时触发 - 并且在代码激活时不触发。

jQuery 回调触发手动表单提交时未调用表单提交处理程序

jQuery form submit handler not being envoked when callback triggers manual form submit

javascript

forms

jquery

form-submit

requirejs