如何在禁用调整大小的情况下向弹出窗口提交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(或者你最终调用你的处理页面的任何东西)来处理数据.

希望我帮了.