打开子窗口时不提交父窗口形式

Question

我写这段代码..但是当子窗口打开时我不想提交父窗口的表单

<script language="javascript">   
 function popwindow(page) { 
OpenWin = this.open(page,"CtrlWindow","top=80,left=100,screenX=100,screenY=80,width=600,height=400,status=yes,toolbar=no,menubar=no,location=no, scrollbars=yes,resizable=yes");
OpenWin.focus();
return false;
}
</script>

Answer 1

使用false设置全局变量，并在打开子窗口/新窗口时将其设置为true。 在窗口关闭时，将该变量再次设置为false。 在表单上提交检查该变量状态。 如果为假，请提交，否则不提交。 为此使用window.open/window.close方法。

使用此代码：

的HTML

<form method="get" action="">
    <button value="open" id="open">Open</button>
    <input type="submit" value="submit" />
</form>

JS（jQuery 1.9）

$(function(){
    var customWindow = false;
    $('#open').click(function(e){
        e.preventDefault();
        customWindow = true;
        customWindow = window.open('http://www.google.com', "","menubar=1,resizable=1"); 
        customWindow.focus(); 
    });

    $('[type="submit"]').on('click', function(e){
        e.preventDefault();
        if(customWindow.closed || !customWindow) {
            alert('form submit');
        } else {
            alert('please close the child window');
        }
    });
});

看到这个小提琴

Answer 2

窗口具有closed属性，因此只需检查OpenWin.closed。

http://www.w3schools.com/jsref/prop_win_closed.asp