`
lizhuang
  • 浏览: 903942 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Chrome报表单提交错误,Form submission canceled because the form is not connected

 
阅读更多
之前在Chrome里运行正常的代码,Chrome升级到56后报表单提交错误:

Form submission canceled because the form is not connected
代码如下:

function submitData(name) {
  var form = $('<form method="post" action="updateName">'
                +'<input type="submit"/>'
                +'<input type="hidden" name="name" value="'+ name +'" /></form>');

  $('input[type="submit"]', form).click();
}
问题解决
原因

HTML标准规定如果form表单没有被添加到document里,那么form表单提交将会被终止。

参考:Form submission algorithm

在Chrome56之前的版本是不符合标准的,Chrome56修复了这个问题,让form表单提交符合标准要求:

参考:Chrome issue 2416033002

解决方法

解决方法就是把form表单添加到document后再提交:

jQuery

$(document).append(form);


document.body.appendChild(form);
分享到:
评论

相关推荐

    form表单的异步回调方法

    1. **表单提交(Form Submission)**:HTML表单通过`&lt;form&gt;`元素定义,其中包含`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等元素来获取用户输入。默认情况下,表单提交会引发页面重定向,使用`&lt;form&gt;`的`action`属性指定...

    jquery-form.js

    jQuery Form Plugin是一款强大的JavaScript库,专为了解决使用jQuery进行异步表单提交(Ajax Form Submission)和文件上传的问题。它通过扩展jQuery的功能,使得处理复杂的表单交互变得更加简单、直观。在本文中,...

    js-ajax-form-submission-源码.rar

    本压缩包"js-ajax-form-submission-源码.rar"(实际应为"js-ajax-form-submission-源码.zip")可能包含一个用于演示或教学目的的AJAX表单提交的完整示例。下面将详细解释AJAX表单提交的相关知识点。 1. **AJAX基础*...

    Document Submission Form 2018 (green).docx

    Document Submission Form 2018 (green).docx

    Ext2.0 form使用实例的例程

    7. **表单提交(Form Submission)**:表单可以以两种方式提交:异步(Ajax)或同步(传统的HTTP请求)。异步提交在后台处理数据,不会刷新整个页面,提供了更好的用户体验。 8. **自定义组件(Custom Components)...

    Ajax-Codeigniter-3-Ajax-Form-Submission.zip

    Ajax-Codeigniter-3-Ajax-Form-Submission.zip,“codeigniter 3 ajax表单提交和验证教程”一集的源代码,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建...

    asp.net mvc

    The default is that every button in a form causes validation logic to run, and if validation fails, the validation logic blocks submission of the form. Enabling validation selectively for buttons ...

    form-create:强大的动态表单生成器|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON

    形式创造 form-create是一个表单生成组件,可以通过JSON生成动态呈现,数据收集,验证和提交功能。 支持3个UI框架,并支持生成任何Vue组件。 内置20种常用的表单组件和自定义组件,无论如何轻松地处理复杂的表单。...

    AVG 破解版

    3. The Licensee shall immediately inform the Licensor in written form on any use of third parties and any circulation providing the third party's statement of submission under the provisions of the ...

    初赛2月份25.4分-提交结果文件-submission.csv

    第四届工业大数据创新竞赛-水电站入库...初赛线上第一段2月份25.4分,第二段最高分10.0分,第三段不好意思说,可看文章末尾我的提交结果记录,第一次9月8号提交第六名,当时开心的要死,之后排名一路下降,大佬们太强了

    Sakemail

    He also send me a nice patch, so the bug is fixed.- Craig Manley added a ExtraHeaders property, please, use with care, it‘s just not valid to put inside it whatever thing.- The CC header was not ...

    js-ajax-form-submission:有关使用AJAX提交HTML表单的教程。 影片连结

    在"js-ajax-form-submission-master"这个压缩包文件中,可能包含的资源有源代码示例、视频教程脚本或者其他辅助材料,帮助你更好地理解和实践这个教程。通过学习和实践这些内容,你将能够熟练地使用AJAX来提交HTML...

    Form-Submission-Attributes-Polyfill:简单的polyfill处理旧版浏览器中的html5表单提交属性

    表格提交属性填写 简单的polyfill处理旧版浏览器中的html5表单提交属性 函数必须应用于表单,即$('form')。formSubmissionAttributes(),否则它将输出警告并取消对该元素的执行。 该脚本将从表单内部或通过form...

    asp。net基于FORM的登录系统

    在这个“基于FORM的登录系统”项目中,我们将探讨如何利用ASP.NET来实现一个基本的用户身份验证机制。 首先,让我们了解登录系统的组成部分。在Web开发中,登录系统通常包含以下几个关键部分: 1. **表单提交...

    submission (1).csv

    训练结果

    表单提交到邮箱代码

    $subject = "New Form Submission"; $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; // 邮件头,包含发件人、收件人、主题等信息 $headers = "From: $name &lt;$email&gt;\r\n...

    利用ajax提交form表单到数据库详解(无刷新)

    传统的表单提交(form submission)需要通过HTTP POST或GET方法将数据发送到服务器端的脚本文件中,并且在提交后页面会发生跳转或者刷新。ajax技术允许我们在不重新加载整个页面的情况下,使用JavaScript中的...

    Struts2上传所需jar包

    form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For...

    035-prevent-duplicate-form-submission-spring-mvc

    在Spring MVC框架中,防止重复表单提交是一个..."035-prevent-duplicate-form-submission-spring-mvc"项目为学习者提供了一个实际场景,通过阅读和实践该项目,可以深入理解Spring MVC中防止重复表单提交的方法和技术。

Global site tag (gtag.js) - Google Analytics