Form submission canceled because the form is not connected解决办法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u012998306/article/details/82783551

用户反馈一个功能不能正常使用

一个很久没用的功能，代码也没动过

先贴下原js代码

         // 创建Form
        var form = $('<form></form>');
        // 设置属性
        form.attr('action', '/report/make');
        form.attr('method', 'post');
        // form的target属性决定form在哪个页面提交
        // _self -> 当前页面 _blank -> 新页面
        form.attr('target', '_blank');

本地测试发现浏览器console栏提示Form submission canceled because the form is not connected

解决办法也非常简单

 // 创建Form
        var form = $('<form></form>');
        $(document.body).append(form);
        // 设置属性
        form.attr('action', '/report/make');
        form.attr('method', 'post');
        // form的target属性决定form在哪个页面提交
        // _self -> 当前页面 _blank -> 新页面
        form.attr('target', '_blank');

因为这是chrome修复的一个bug 

动态创建form表单之后，使用JQuery将上述表单加入到body中之后再执行提交就不会出错了