3

我在http://www.happyholidaylites.com/contact.html有一个非常基本的表格，它工作得很好。当您提交表单时，用户会被带到 index.html，而不会显示表单已发送的消息。我希望使用 x 按钮启动一个警报，上面写着“您的表单已提交”。我的代码如下所示：

      <form method="post" id="myForm" action="dynaform.php">

      <input type='hidden' name='rec_mailto' value='JBIRD1111@gmail.com'>
      <input type='hidden' name='rec_subject' value='New Contact Form'>
      <input type='hidden' name='rec_thanks' value='index.html'>

等等等等.....

最后一行是告诉表单在按下提交按钮后要做什么，但我不希望它将浏览器指向索引，而是我想要一个带有成功消息的 javascript 弹出窗口。有任何想法吗？

4

4 回答 4

10

为什么不简单的 onSubmit？

<form method="post" id="myForm" action="dynaform.php" onSubmit="alert('Thank you for your feedback.');" >
于 2009-09-17T13:00:27.720 回答
5

老实说，您最好重定向到另一个页面，以避免用户在刷新时重新提交页面。看看Post/Redirect/Get Pattern。

弹出窗口在网站上可能非常烦人。您应该创建一个名为“thank-you.html”的页面，您可以在成功提交后将用户重定向到该页面，该页面可以访问站点导航选项，或者甚至只是在几秒钟后重定向回表单页面.

于 2009-09-17T13:02:52.480 回答
3

不是重定向到 index.html，而是重定向到 Thanks.html；您的用户会感谢您，因为每个人都讨厌弹出窗口！

于 2009-09-17T13:22:03.190 回答
0

听起来您的 PHP 脚本通过处理输入并将浏览器重定向到rec_thanks字段中的值来处理表单提交。

您可以onsubmit="YourJavaScriptFunction()"在表单标签中添加类似的内容，以在实际提交表单之前添加客户端行为。在该函数中，您可以执行验证、使用alert('Thank You!')等。

于 2009-09-17T13:01:06.003 回答