Question

I have a regular POST form. I have 2 submit buttons, one is called ‘Submit’ and the other is ‘Preview’.

What I want to be done is, when the submit button is clicked, I want the form to be submitted regularly in the same window. But when preview is clicked, I want the form’s action URL to be changed, and for it to be opened in a new window. E.g:

$("#myForm").attr('action', 'http://new-url.com')
   .attr('target', '_BLANK');
$("#myForm").submit();

And right after the new popup window is opened, I want the old action/target attributes to be restored, so if the submit button is then clicked, it would be submitted to the regular url.

How can this be done?

Answer 1

<form onsubmit="this.action = 'http://old-url.com'; this.target = '_self';">
<input type="submit" value="Submit"> <!-- This triggers the onsubmit that resets the action and target -->
<input type="button" value="Preview" onclick="this.form.action = 'http://new-url.com'; this.form.target = '_blank'; this.form.submit();"> <!-- calling submit() doesn't invoke onsubmit -->