如何在表单提交后关闭模式框?

时间:2011-04-07 12:14:13

标签: html css forms

我正在使用Paul R.Hayes所描述的css模式框 - http://www.paulrhayes.com/experiments/modal/

我已将表单插入模式框中。表单目标位于隐藏在同一页面上的iframe中。我希望在表单提交后立即关闭模态窗口。但是表单应该在iframe(隐藏)中处理。

我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:2)

看起来模态窗口被链接到#close html片段的任何url关闭。

因此,将以下代码添加到表单的提交处理程序应该在提交时关闭模式。

<form ... onsubmit="window.location.assign('#close')">

答案 1 :(得分:1)

我假设模态按钮的关闭按钮调用Javascript函数。例如“CloseModal()”。 在表单标记中,您可以使用以下代码来调用该函数:

<form name="myform" action="myconfpage.extension" target="iframe" onSubmit="CloseModal();">

这将在提交表格时调用close函数。