Question

我使用此jquery script来调用模式弹出窗口，它基本上是一个联系表单。

代码中发生的事情是在点击其中一个图像之前隐藏了以下div：

    <div id="toPopup"> 

        <div class="close"></div>
        <span class="ecs_tooltip">Press Esc to close <span class="arrow"></span></span>
        <div id="popup_content"> <!--popup content starts-->


<form action="mail.php" method="POST">
<input id="firstinput" type="text" name="name" placeholder="Navn"><br/>
<input type="text" name="email" placeholder="Email"><br/>
<input type="text" name="phone" placeholder="Telefon nr">

<br />

<textarea name="message" rows="6" cols="25" placeholder="Besked"></textarea><br />
<input type="submit" value="Send">
</form>
        </div>
    </div>

表单填写并发送后，php脚本只是回复了你的消息。我想要做的是在表单提交谢谢消息后出现在同一个弹出窗口中。我想知道什么解决方案最有意义。

非常感谢任何帮助或指导。

Answer 1

如果您希望将其作为一种“就地”方法，请使用AJAX提交表单并使用JavaScript插入感谢信息。

有关使用AJAX / jQuery提交表单的详细信息，请参阅：jQuery AJAX submit form。

不使用Javascript提交的另一种解决方案是简单地使用PHP发送表单。您可以在表单中引用相同的文件，并在检查成功后在弹出的代码中插入“谢谢”消息。在这种情况下，还要在弹出窗口外部元素上插入一个类，以强制它显示而不激活它。

Answer 2

可以有两种解决方案。

<强> 1。使用AJAX提交表单

您可以使用ajax提交表单。现在，当您收到回复时，您可以更改Popup中显示感谢信息的HTML。

<强> 2。提交表单并在网址中添加参数

按照您现在的方式提交表单。如果表单提交成功，请在会话或URL中添加变量。现在检查是否设置了该变量，并打开带有消息的弹出窗口。

我想说第一种方法是最好的。

需要一个弹出窗体通知的解决方案

2 个答案: