html - 如何在禁用调整大小的情况下将 HTML 表单提交到弹出窗口？

Question

我设计了一个带有提交按钮的 HTML 表单。但是我不想将它提交到另一个页面，而是提交到弹出窗口，在那里我可以限制弹出窗口的大小说“320x240”隐藏所有工具栏，禁用调整大小。

Answer 1

这是我的做法；这个 JavaScript 片段应该进入您页面的头部:

<script>
process = function()
 {
    window.open('about:blank', 'popup', 'width=320,height=240,resizeable=no');
    document.login.setAttribute('target', 'popup');
    document.login.setAttribute('onsubmit', '');
    document.login.submit();
 };
</script>

这是一个用于演示目的的示例表单:

<form action="handle.html" method="get" name="login" onsubmit="process(); return false;">
Username: <input type="text" name="username" id="username" /><br />
<input type="submit" />
</form>

现在，这就是正在发生的事情:首先，我们设置一个表单并给它一个 onsubmit 属性，告诉它运行函数 process() 和 return false; 而不是正常提交​​；从这一点开始，该函数接管并创建一个弹出窗口，给它一个名称和一些功能(无论如何，添加您想要的任何多余的功能)，然后注意力回到我们现在设置的表单target 属性为我们刚刚创建的窗口的名称。

然后我们必须清除我们之前设置的 onsubmit ，否则同样的事情会再次发生，这肯定不是你想要的。最后，我们再次提交了表单，它现在将所有信息传递给弹出窗口；从那里开始，它只是让 handle.html(或您最终调用处理页面的任何内容)来处理数据。

希望我帮到了你。