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

Question

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

Answer 1

这是我的 go； 这个 JavaScript 片段应该 go 进入您的页面头部：

<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属性，告诉它运行 function process()并return false; 而不是正常提交； 从这一点开始，function 接管并创建一个弹出窗口 window，给它一个名字，和一些特性（无论如何，添加你想要的任何多余的），然后注意力回到我们现在设置的表单target属性为我们刚刚创建的 window 的名称。

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

希望我有所帮助。