jquery文件上传插件提交整个表单答案

【问题标题】：jquery file upload plugin submits whole formjquery文件上传插件提交整个表单
【发布时间】：2013-10-13 22:55:46
【问题描述】：

我在表单中使用带有<input type="file"> 标记的jquery file upload plugin。表单还有其他字段，但它们不用于提交到服务器。是否可以只上传文件而不是整个表格？我正在使用 jquery validator plugin 所以在上传文件后，表单提交被触发并且所有空字段都被标记为无效。我可以将<input type="file"> 从表单中移开，但我需要它内联在其他表单元素之间。形式是动态的，所以我不想绝对定位它。

【问题讨论】：

标签： jquery forms file-upload validation

【解决方案1】：

您可以使用名为“novalidate”属性的 HTML5 新表单属性。它指定提交时不应验证表单数据（输入）。

例子：

<form action="demo.php" novalidate>
E-mail: <input type="email" name="user_email">
<input type="submit">
</form>

在上面的html代码中，输入字段没有经过验证，数据提交成功。

【讨论】：

我需要对其他表单字段进行验证，并且对表单提交事件进行验证。我想在用户点击提交按钮而不是文件上传时提交表单。

【解决方案2】：

Here你可以找到关于formData选项的信息：

如果您设置了formData 选项，这些字段将不会发送到服务器...

因此您可以将其设置为空数组，其余表单字段将不发送，仅发送文件：

$('#foo').fileupload({
    ...,
    formData: [],
    ...,
});

【讨论】：