Question

我有这两种形式。一个收集个人资料数据（即所有文本），另一个是图像上传表单。我把这两个分开来让事情变得更容易。我正在使用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>

Answer 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>

一次验证两个表单

1 个答案: