Submit the form in a new tab

Question

I would like (just to check some functions after I avoid this behavior) to load a page called by sending to a new tab: is this possible?

Answer 1

<form target="_blank" [....] 

will present the form in a new tab ... I'm not sure if this is what you are looking for, please explain better ...

Answer 2

I have a [submit] and [preview] button. I want the preview to show the print type of the submitted form data without saving it in the database. Therefore, I want the [preview] to open in a new tab and go to send data in the same window / tab.

 <button type="submit" id="liquidacion_save" name="liquidacion[save]" onclick="$('form').attr('target', '');">Save</button></div> <div> <button type="submit" id="liquidacion_Previsualizar" name="liquidacion[Previsualizar]" onclick="$('form').attr('target', '_blank');">Preview</button></div> 

Answer 3

Add target="_blank" to the <form> .

Answer 4

You can also use the new button attribute named formtarget that was introduced in HTML5.

 <form> <input type="submit" formtarget="_blank"/> </form> 

Answer 5

Since you have this tagged jQuery, I assume you want something to stick to your successful function?

 success: function(data){ window.open('http://www.mysite.com/', '_blank'); } 

Answer 6

Try using jQuery

 <script type="text/javascript"> $("form").submit(function() { $("form").attr('target', '_blank'); return true; }); </script> 

Here is the complete answer - http://ftutorials.com/open-html-form-in-new-tab/

Answer 7

Browser options must be set to open new windows in a new tab, otherwise a new browser window opens.

Answer 8

This also works great, and you can do something else while the new tab handler submits.

 <form target="_blank"> <a href="#">Submit</a> </form> <script> $('a').click(function () { // do something you want ... $('form').submit(); }); </script>