之前在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);
分享到:
相关推荐
1. **表单提交(Form Submission)**:HTML表单通过`<form>`元素定义,其中包含`<input>`、`<select>`、`<textarea>`等元素来获取用户输入。默认情况下,表单提交会引发页面重定向,使用`<form>`的`action`属性指定...
jQuery Form Plugin是一款强大的JavaScript库,专为了解决使用jQuery进行异步表单提交(Ajax Form Submission)和文件上传的问题。它通过扩展jQuery的功能,使得处理复杂的表单交互变得更加简单、直观。在本文中,...
本压缩包"js-ajax-form-submission-源码.rar"(实际应为"js-ajax-form-submission-源码.zip")可能包含一个用于演示或教学目的的AJAX表单提交的完整示例。下面将详细解释AJAX表单提交的相关知识点。 1. **AJAX基础*...
Document Submission Form 2018 (green).docx
7. **表单提交(Form Submission)**:表单可以以两种方式提交:异步(Ajax)或同步(传统的HTTP请求)。异步提交在后台处理数据,不会刷新整个页面,提供了更好的用户体验。 8. **自定义组件(Custom Components)...
Ajax-Codeigniter-3-Ajax-Form-Submission.zip,“codeigniter 3 ajax表单提交和验证教程”一集的源代码,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建...
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是一个表单生成组件,可以通过JSON生成动态呈现,数据收集,验证和提交功能。 支持3个UI框架,并支持生成任何Vue组件。 内置20种常用的表单组件和自定义组件,无论如何轻松地处理复杂的表单。...
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分,第二段最高分10.0分,第三段不好意思说,可看文章末尾我的提交结果记录,第一次9月8号提交第六名,当时开心的要死,之后排名一路下降,大佬们太强了
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-master"这个压缩包文件中,可能包含的资源有源代码示例、视频教程脚本或者其他辅助材料,帮助你更好地理解和实践这个教程。通过学习和实践这些内容,你将能够熟练地使用AJAX来提交HTML...
表格提交属性填写 简单的polyfill处理旧版浏览器中的html5表单提交属性 函数必须应用于表单,即$('form')。formSubmissionAttributes(),否则它将输出警告并取消对该元素的执行。 该脚本将从表单内部或通过form...
在这个“基于FORM的登录系统”项目中,我们将探讨如何利用ASP.NET来实现一个基本的用户身份验证机制。 首先,让我们了解登录系统的组成部分。在Web开发中,登录系统通常包含以下几个关键部分: 1. **表单提交...
训练结果
$subject = "New Form Submission"; $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; // 邮件头,包含发件人、收件人、主题等信息 $headers = "From: $name <$email>\r\n...
传统的表单提交(form submission)需要通过HTTP POST或GET方法将数据发送到服务器端的脚本文件中,并且在提交后页面会发生跳转或者刷新。ajax技术允许我们在不重新加载整个页面的情况下,使用JavaScript中的...
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...
在Spring MVC框架中,防止重复表单提交是一个..."035-prevent-duplicate-form-submission-spring-mvc"项目为学习者提供了一个实际场景,通过阅读和实践该项目,可以深入理解Spring MVC中防止重复表单提交的方法和技术。