JQuery .on（）阻止提交动态创建的表单

Question

我的网络应用程序中的所有表单在提交之前都需要进行验证。这段代码正在正常工作：

    $(document).on("submit",'form',function(){
    // loop through $(this) and check each .required field and increment a counter
        // if counter > 0 then return false
    });

但是，当我提交在页面加载后添加到DOM的表单时，不会触发验证。

我的控制台日志中没有出现任何错误（“导航时保留日志”）。

到目前为止，.on（）事件已经在动态创建的元素上正常工作，但是这个让我感到难过。

有什么想法吗？