javascript - 在弹出窗口中提交表单在 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>