Two Submit buttons in one form

Question

I have a form which has got five (5) file input controls along with other controls. This form also has got two (2) submit buttons.

I have used JQuery Validation plugin to validate form inputs.

Name of one submit button is "Upload_Images" and name of another is "Upload_Project".

What I want to do is that if user clicks on "Upload_Images" button all files controls should be validated and files uploaded to server but not rest of the data.

If use clicks on "Upload_Project" button then the whole form should be validated and the files are not already uploaded they should be first uploaded and then the project should be saved to DB.

Now if I click on any of the two submit buttons the form Validation kicks in and if there is invalid data it stops form submit process.

How can I achieve this?

Answer 1

Use javascript to change your form 'Action' property to redirect to wherever other page you need to go, then submit.