Javascript Jquery表单提交同时打开新选项卡

我已经创建了一个html表单，在这里我使用html和js代码将表单值填充到一个链接并提交到另一个网站

<form>
<table width="505" border="1">
    <tbody>
        <tr>
            <td width="324">Your name</td>
            <td width="165"><input type="text" name="applicant_UserName" id="name2" /></td>
        </tr>
        <tr>
            <td>Your email address</td>
            <td><input type="text" name="applicant_Email" id="email2" /></td>
        </tr>
        <tr>
            <td>Your mobile number</td>
            <td><input type="text" name="applicant_mobile number" id="mobile number" /></td>
        </tr>
        <tr>
            <td>What is the name of the person you want to nominate as your guarantor?</td>
            <td><input type="text" name="Guarantor applicant_UserName" id="name3" /></td>
        </tr>
    </tbody>
</table>
<input type="submit" value="Submit" />

---

现在，我希望另一个新的标签将同时打开，点击提交，它将显示消息“数据提交”与少数css样式。我尝试了一些代码，但它会打开新窗口，有时浏览器会阻塞窗口。请帮助我解决以下问题：提交时，浏览器中将打开一个重定向到新选项卡的消息“data submitted”（数据已提交），其中包含少量样式。

您可能需要自己创建模态/警报，而不是尝试创建新的浏览器窗口。默认情况下，弹出窗口通常在现代浏览器上被阻止。是。我试图打开一个新的标签，但没有工作。只有新窗口/弹出代码在工作。您无法控制浏览器如何打开新窗口/选项卡，因此@nkprince007建议您应该使用覆盖弹出窗口。

$(function(){
    $('form').on('submit', function(e){
        var out_url = "https://demo.com/PowerFormSigning.aspx?";
        e.preventDefault();
        var arr  = $('input[type="text"]')
            .map(function(){
            var self = $(this);
            return [self.attr('name'),
                self.val()
           ].join('=');
        })
        .toArray()
        .concat($("option:selected").map(function(){
                var self = $(this);
                return [self.closest('select').attr('name'), self.text()].join('=')
            }).toArray()).join('&');
        window.location.href = out_url + arr;
        
    })
    
})