一次验证两个表格答案

【问题标题】：Verifying two forms at once一次验证两个表格
【发布时间】：2012-10-05 15:11:34
【问题描述】：

我有这两种形式。一个收集个人资料数据（全是文本），另一个是图片上传表单。我把这两个分开来让事情变得更容易。我正在使用 jQuery validate 插件来验证配置文件数据表单，并且做得很好。

我的问题是第二个。我如何验证两者，所以如果用户填写了他的个人资料数据但没有上传图片，表单将不会提交并会显示一条消息。可以给点建议吗？

个人资料数据表单：

<form id="profileData">
//Form fields go here
<input type="submit" name="submit" value="Submit" />
</form>

图片上传表单：

<form id="profileImage" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="file" /> 
<input type="submit" name="submit" value="Submit" />
</form>

【问题讨论】：

标签： jquery validation jquery-validate

【解决方案1】：

如果您同时验证两者，则没有理由不能将两者都作为同一个表单的一部分。如果您使用两个不同的表单，但两者之间共享验证约束，那么您的逻辑将始终失败，直到您将两者封装在同一个表单中。

改为这样做：

<form id="profileImage" method="post" enctype="multipart/form-data">
<input type="submit" name="submit" value="Submit" />
<input type="file" name="file" id="file" /> 
<input type="submit" name="submit" value="Submit" />
</form>

【讨论】：