谢谢你提交表格提醒

时间:2009-09-17 12:56:30

标签: javascript forms alert

我在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 个答案:

答案 0 :(得分:9)

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

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

答案 1 :(得分:5)

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

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

答案 2 :(得分:3)

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

答案 3 :(得分:0)

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

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