谢谢你提交表格提醒

Question

我在 http://www.happyholidaylites.com/contact.html <上有一个非常基本的表格。 / a>它工作得很好。当您提交表单时，用户将被带到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弹出窗口。有什么想法吗？

Answer 1

为什么不是一个简单的onSubmit？

<form method="post" id="myForm" action="dynaform.php" onSubmit="alert('Thank you for your feedback.');" >

Answer 2

说实话，您最好重新定向到另一个页面，以避免用户在刷新时重新提交页面。请查看发布/重定向/获取模式。

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

Answer 3

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

Answer 4

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

您可以在表单标记中添加 onsubmit =＆quot; YourJavaScriptFunction（）＆quot; 之类的内容，以便在实际提交表单之前添加客户端行为。在该函数中，您可以执行验证，使用 alert（'Thank You！'）等。