javascript - 在提交表单之前提醒关闭子窗口

Question

我有一个表单数据表，每行都有动态链接，它在新窗口(新浏览器选项卡)中打开外部链接。这些行在 n 个数字中，具有动态 ID。

我在这里需要的是，当用户尝试提交表格详细信息时，他们必须关闭所有子窗口。如果任何子 div 仍然打开并且他尝试提交表单，它应该发出关闭子窗口的警报

这是示例 DEMO 的形式

<form>
    <table border="1">
        <tr>
            <td><input type="text" /></td>
            <td>SC1</td>
            <td><a href="http://www.google.com" target="_blank">this is an external link</a></td>

<tr>
            <td><input type="text" /></td>
            <td>SC2</td>
            <td><a href="http://www.google.com" target="_blank">this is an external link</a></td>

            <tr>
            <td><input type="text" /></td>
            <td>SC3</td>
            <td><a href="http://www.google.com" target="_blank">this is an external link</a></td>
</tr>
    </table>
            <input type="submit"  value="submit" />
</form>

Answer 1

您可以将每个打开的窗口存储在一个数组中，并在用户尝试提交表单时检查打开的窗口:

var windows = [];
$('a').click(function () {
    var myWindow = window.open(this.href);
    windows.push(myWindow);
});

$('form').submit(function () {
    for (var i = 0; i < windows.length; i++) {
        if (!windows[i].closed) {
            alert('Close all windows before continuing');
            return false;
        }
    }
});

Demo fiddle