Javascript 如何在表单提交后保持模式窗口打开并在同一模式窗口中显示新页面
我有一个简单的html页面，上面有一个链接，可以打开一个模式窗口。 在模态窗口中是一个窗体。 如何提交表单并在同一模式窗口中显示“表单操作（test.asp）”页面。test.asp页面是数据库条目/感谢您填写表单页面Javascript 如何在表单提交后保持模式窗口打开并在同一模式窗口中显示新页面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个简单的html页面，上面有一个链接，可以打开一个模式窗口。 在模态窗口中是一个窗体。 如何提交表单并在同一模式窗口中显示“表单操作（test.asp）”页面。test.asp页面是数据库条目/感谢您填写表单页面 <!DOCTYPE html> <style> #overlay { visibility: hidden; position: absolute; left: 0px;top: 0px; width:100%; height:100%; text-al
<!DOCTYPE html>
<style>
#overlay {
visibility: hidden; position: absolute; left: 0px;top: 0px; width:100%; height:100%; text-align:center; z-index: 1000;
}
#overlay div {width:300px; margin: 100px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center;
}
</style>
<script>
function overlay() {
el = document.getElementById("overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
</script>
<body>
<a href='#' onclick='overlay()'>Click here to show the overlay</a>
<div id="overlay">
<div>
<p>Please complete the form below.</p>
<form action="test.asp" method="post" id="contact-form">
<input type="text" name="field1"><br>
<input type="text" name="field2"><br>
<input type="submit" value="Go">
</form><br>
Click here to [<a href='#' onclick='overlay()'>close</a>]<br>
</div>
</div>
</body>
</html>
#覆盖层{
可见性：隐藏；位置：绝对；左侧：0px；顶部：0px；宽度：100%；高度：100%；文本对齐：居中；z索引：1000；
}
#覆盖div{宽度：300px；边距：100px自动；背景色：fff；边框：1px实心#000；填充：15px；文本对齐：中心；
}
函数覆盖（）{
el=document.getElementById（“覆盖”）；
el.style.visibility=（el.style.visibility=“可见”）？“隐藏”：“可见”；
}
请填写以下表格
单击此处以[]
event.preventDefault（）函数覆盖（）{
el=document.getElementById（“覆盖”）；
能见度=
（el.style.visibility==“可见”？“隐藏”：“可见”）；
document.getElementById（“提交”）.addEventListener（“单击”，
功能（事件）{
event.preventDefault（）；
}
);
}#覆盖{
可见性：隐藏；位置：绝对；左侧：0px；顶部：0px；
宽度：100%；高度：100%；文本对齐：居中；z索引：1000；
}
#覆盖分区{
宽度：300px；边距：100px自动；背景色：#fff；
边框：1px实心#000；填充：15px；文本对齐：居中；
}
请填写以下表格
单击此处以[]
event.preventDefault（）函数覆盖（）{
el=document.getElementById（“覆盖”）；
能见度=
（el.style.visibility==“可见”？“隐藏”：“可见”）；
document.getElementById（“提交”）.addEventListener（“单击”，
功能（事件）{
event.preventDefault（）；
}
);
}#覆盖{
可见性：隐藏；位置：绝对；左侧：0px；顶部：0px；
宽度：100%；高度：100%；文本对齐：居中；z索引：1000；
}
#覆盖分区{
宽度：300px；边距：100px自动；背景色：#fff；
边框：1px实心#000；填充：15px；文本对齐：居中；
}
请填写以下表格
单击此处以[]