Home/ Questions/Q 8627199
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T08:13:01+00:00

I have these two forms. One collects profile data (that’s all text), the other

  • 0

I have these two forms. One collects profile data (that’s all text), the other is an Image upload form. I’ve kept these two separate to make things easier. I’m using the jQuery validate plugin to validate the profile data form, and that’s doing it’s job well.

My problem is with the second one. How do I validate both, so if a user filled in his profile data but did not upload an image, the form would not submit and would display a message. Can you offer any suggestions?

The Profile data form:

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

Image upload 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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you are validating both at the same time there is no reason that you cant make both part of the same form. If you are using two differnet forms but validation constraints are shared between both, your logic will always fail until you encapsulate both inside the same form.

    Do this instead:

    <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>
    • 0