If form Submit, Submit form, and redirect to URL

Question

I would like to create something like 'if form submits' redirect user opening a new tab, to a specific URL. I would like to write this as a JavaScript function, any suggestions?

Answer 1

Use on('submit', function () { ... }):

$("form").on("submit", function () {
     window.location = "/redirectUrl";
     return false; // prevent refreshing page
});

JSFIDDLE

Most of browsers will block the opening of a new tab, so, just redirect the user on the new page.

---

But you can do it with HTML:

<form target="_blank" action="/redirectUrl"></form>

JSFIDDLE

Answer 2

You can write target attribute to form tag:

<form target="_blank"></form>

Answer 3

$('form').on('submit', function() {

    window.open('someurl');

    // Some code to do the submit

    // Prevent the submit
    return false;
});

REF window.open

Answer 4

If I understood you, you need to open a new tab with an specific url, a part of the regular behaviour of the form submission.

Major browsers blocks opening a new window/tab on a non-user-click event. So you need to bind an extra event on the submit button, but then you can't control if submission was successful (for example having a validator like jquery.validator).

$("#myform input[type=submit]").click(function() {
  window.open("http://www.site.com/");
});