文件上传文档.ready .on('submit') 提交了两次
File upload document.ready .on('submit') submitted twice
Using node.js/express/jade.我想在不刷新页面的情况下上传文件,因此在 document.ready() 函数中使用 .on('submit') 函数,如下所示。问题是开机自检发生了两次,我不知道为什么。帮助会很棒。
.HTML:
<form id="upSchema" action="/setVSSUP/6" enctype="multipart/form-data" method="post">
<table id="tblSFU" class="table table-striped table-hover table-condensed">
<tbody>
<tr id="sVSFU">
<td>
<input type="file" name="schemadoc">
</td>
<td>
<button onclick="onSSFUp(6)">Upload</button>
</td>
</tr>
</tbody>
</table>
</form>
客户端 Javscript:
function onSSFUp(key) {
$('#upSchema').submit();
}
文档就绪:
$(document).ready(function() {
$(document).on('submit','#upSchema', function(e) {
$('#schup').text('Starting Upload...');
e.preventDefault();
$(this).ajaxSubmit({
error: function(xhr) {
$('#schup').text('Error: '+xhr.status);
},
success: function(res) {
$('#schup').text('File upload Success: '+res.name);
}
});
document.getElementById('btnSSFU').disabled = false;
return false;
});
});
生成的控制台:
POST /setVSSUP/6 200 81ms
POST /setVSSUP/6 200 114ms
表单内的按钮触发它提交。然后,您将向按钮添加额外的 onclick 事件 (onSSFUp(6))。删除 onclick 事件,当您单击该按钮时,您将看到表单仍然被提交。
相关文章:
- HTML/JS表单已提交两次
- Ruby On Rails Ajax 提交提交两次
- 联系表格提交两次
- Ajax Post-Submit函数提交两次
- 使用Foundation Abide提交两次表格
- MVC3 AJAX将数据传递给控制器.它's已提交两次
- jQuery表单验证器:需要提交两次
- Ajax表单提交两次
- 聚合物铁形式,在输入时提交两次
- 使用 jquery.form.js jquery 插件导致我的表单提交两次
- 在发送更新数据之前,表格需要提交两次
- 我们可以提交两次 jsp 表单吗?
- Ajax 表单使用 Yii 2 提交两次
- 角度表单提交两次(ajax get request)
- 带有jQuery提交运行的Javascript表单运行提交两次
- Cakephp表单必须提交两次才能工作
- 在php中提交两次表单
- 通过ajax POST提交两次表单
- Ajax表单在包含jcarousel脚本时提交两次
- 表单提交两次,加载两次