如果表单提交,提交表单,并重定向到URL

时间:2013-08-12 14:50:44

标签: javascript jquery forms

我想创建类似'if form submits'重定向用户打开新标签页到特定网址的内容。我想把它写成JavaScript函数,有什么建议吗?

4 个答案:

答案 0 :(得分:1)

使用on('submit', function () { ... })

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

JSFIDDLE

大多数浏览器都会block the opening of a new tab,因此,只需在新页面上重定向用户。


但你可以用HTML做到这一点:

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

JSFIDDLE

答案 1 :(得分:1)

您可以将目标属性写入表单标记:

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

答案 2 :(得分:0)

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

    window.open('someurl');

    // Some code to do the submit

    // Prevent the submit
    return false;
});

REF window.open

答案 3 :(得分:0)

如果我了解你,你需要打开一个带有特定网址的新标签,这是表单提交的常规行为的一部分。

主要浏览器阻止在非用户点击事件上打开新窗口/标签。 所以你需要在提交按钮上绑定一个额外的事件,但是你无法控制提交是否成功(例如有一个像jquery.validator这样的验证器)。

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