防止在同一弹出窗口中打开提交的表单

时间:2014-07-15 22:54:04

标签: html forms post popup html-form

我的代码:<form method='post' target='_blank' ...我的页面中有多个这些表单具有相同的action属性。

问题:只打开一个弹出窗口。如果提交了第二个表单,它将替换第一个表单的弹出窗口。

如何为每个表单获取新的弹出窗口? (最好不要更改action属性。)

编辑:我尝试在Math.floor(Math.random()*1000)网址中添加一个随机数(null)作为action参数。这仍然会在同一个弹出窗口中打开。

注意:没有使用JS。但是,我接受了JS答案。

1 个答案:

答案 0 :(得分:1)

完整的工作代码: -

<html>
<head>
<script>

function popup(form) {
    var popup_id = 'popup_'+form.id
    window.open(form.action, popup_id, 'width=400,height=400,resizeable,scrollbars');
    form.target = popup_id;

}
</script>
</head>
<body>
<form id="form1" action="page.php" onsubmit="popup(this); return false;">

<input type="submit" value="save" />
</form>

<form id="form2" action="page.php" onsubmit="popup(this);return false;">

<input type="submit" value="save" />
</form>
</body>
</html>