Sorry for asking a weird question... I want to submit a form out of . But I want to allow users to open the link in a new tab (e.g Ctrl+Click). Here is what I have already tried.

1 . <a href="#" onclick="document.form1.submit();">Submit Form</a>

This opens the new link in the same tab and the old link in the new tab.

2. <a href="javascript: document.form1.submit();">Submit Form</a>

This does not let the link to be opened in a new tab.

How can I make it right?

Thanks.

Sorry for asking a weird question... I want to submit a form out of . But I want to allow users to open the link in a new tab (e.g Ctrl+Click). Here is what I have already tried.

1 . <a href="#" onclick="document.form1.submit();">Submit Form</a>

This opens the new link in the same tab and the old link in the new tab.

2. <a href="javascript: document.form1.submit();">Submit Form</a>

This does not let the link to be opened in a new tab.

How can I make it right?

Thanks.

• javascript
• jsp

Share Improve this question Follow asked Mar 28, 2013 at 10:43 AL̲̳IAL̲̳I 2,46144 gold badges3232 silver badges5151 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

use the target attribute on form

<form action="demo_form.asp" method="get" target="_blank">
  <input type="submit" value="Submit">
</form>

To open the submission into a new tab, use :

<form name="myform" id='myform' [...] target='_blank'>
[...]
</form>

[TO MAKE NEW TAB OPTIONAL]
If you want, you can add a checkbox, with this code attached :

<a href="#" onclick="document.form1.submit();">Submit Form</a><br />
<input type='checkbox' id='newTabCheck' /> Open in new Tab

And in jQuery

$('#form1').submit(function() {
   if($('#newTabCheck').is(':checked'))
    $('#form1').attr('target', '_blank');
    return true;
});

Or

$('#newTabCheck').change(function() {
   if($(this).is(':checked'))
      $(this).attr('target', '_blank');
   else
      $(this).removeAttr('target');
});

Just put target="_blank" in <form></form> Fields.

ie <form action"your_url" method="post" target="_blank"></form>