在弹出窗口中提交表单在 Firefox 和 IE8/IE9 中不起作用

Question

我正在使用这种简单的方式在弹出窗口中提交表单（需要使用 vanilla JS 完成）

<form onsubmit="CheckoutProducts.onSubmitForm(this);" action="/product/"
method="post" name="paymentForm" id="paymentForm">

这是我的 JS 代码

var CheckoutProducts = CheckoutProducts || {
    onSubmitForm: function(form) {
        window.open('', 'formpopup','width=400,height=400,resizeable,scrollbars');
        form.target = 'formpopup';
        document.paymentForm.submit();
    }
}

它在 Chrome 中运行良好，但由于某种原因它在 Firefox 和 IE 中不起作用，它只是打开带有空白页面的弹出窗口，我做错了什么？

Answer 1

非常简单的是使用经过测试的组件，这些组件以相同的方式在所有主要浏览器中工作。

 $( "#dialog" ).dialog({ autoOpen: false }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); });

 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <button id="opener">open the dialog</button> <div id="dialog" title="Dialog Title">I'm a dialog</div>