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

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

＆＃13;

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

＆＃13;

  <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>

＆＃13;

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

1 个答案: