来自表单提交的 jQuery PopUp（通过 .php 电子邮件表单）

Question

我无法弄清楚如何有一个漂亮的弹出窗口来感谢用户提交表单。在我的托管站点上，我正在使用一个 .php 页面，该页面在提交表单后会向我发送一封电子邮件（表单邮件功能）。在我的网站代码中，我重定向到感谢页面。但是，我不确定如何让弹出窗口转到重定向感谢页面 (thankyou.html)，以便我可以设置它的样式（而不是使用默认的浏览器弹出窗口）。我仍然想确保 .php 文件用于发送到我的 gmail 帐户。

我的网站中的表格：

<div id="container-footer">
<form action="gdform.php" method="post" id="contact">
<fieldset class="wrapper"><legend>Contact</legend> 
<input type="hidden" name="subject" value="Submission" />
<input type="hidden" name="redirect" value="/thankyou.html" />
<ul class="group">
<li class="name"><label for="name">Your Name</label> <input id="name" name="name" type="text" /></li>
<li class="email"><label for="email">Your Email</label> <input id="email" name="email" type="email" /></li>
<li class="message"><label for="message">Say Hello</label><textarea id="message" name="message"></textarea></li>
</ul>
<input class="send" name="submit" type="submit" value="Send" />


</fieldset>
</form>


<footer class="wrapper" id="colophon">
<p>&copy;2014 all rights reserved.</p>
</footer>
</div>

---

gdform.php

<?php
$request_method = $_SERVER["REQUEST_METHOD"];
if($request_method == "GET"){
  $query_vars = $_GET;
} elseif ($request_method == "POST"){
  $query_vars = $_POST;
}
reset($query_vars);
$t = date("U");

$file = $_SERVER['DOCUMENT_ROOT'] . "/../data/gdform_" . $t;
$fp = fopen($file,"w");
while (list ($key, $val) = each ($query_vars)) {
 fputs($fp,"<GDFORM_VARIABLE NAME=$key START>\n");
 fputs($fp,"$val\n");
 fputs($fp,"<GDFORM_VARIABLE NAME=$key END>\n");
 if ($key == "redirect") { $landing_page = $val;}
}
fclose($fp);
if ($landing_page != ""){
header("Location: http://".$_SERVER["HTTP_HOST"]."/$landing_page");
} else {
header("Location: http://".$_SERVER["HTTP_HOST"]."/");
}


?>

---

thankyou.html（我希望在漂亮的 jQuery 或浏览器弹出窗口中使用这个）

<h1>THANK YOU!</h1>

<p>Thank you for contacting me. I'll get back with you as soon as possible.</p>

Answer 1

您可以使用 Jack Moore 的 jQuery Modal 来制作弹出窗口。然后，你可以call that JS function with your PHP code。

我在这个领域不是最好的，所以其他人可能会给出更好、更明确的答案。