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

最新推荐文章于 2024-12-31 10:52:45 发布

Ｂｅｙｏｎｄ

最新推荐文章于 2024-12-31 10:52:45 发布

阅读量5.4k

点赞数

分类专栏： Java 文章标签： jqery

本博客所有内容来源于个人总结、项目经验、网络、书籍、和各类手册。内容旨为方便查询、总结备份、开源分享。部分转载内容均有注明出处，如有侵权请告知，马上删除。转载本文请附上本文链接，并注明转载！

本文链接：https://blog.csdn.net/u012998306/article/details/82783551

版权

Java 专栏收录该内容

134 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

用户报告某功能出现异常，问题源于浏览器控制台显示'Form submission canceled because the form is not connected'错误。该问题是由于Chrome修复的一个bug，即动态创建并用JQuery添加到body的表单在提交时出错。解决方案是确保表单在提交前正确连接到DOM。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

先贴下原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('m

了解本专栏