谢谢你在表单提交提醒(Thank you alert upon form submission)

我有一个非常简单的表单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弹出。有任何想法吗？

Answer 1:

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

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

Answer 2:

说实话，你最好重新定向到另一个页面，以避免用户重新提交在刷新页面。看看邮政/重定向/获取模式。

弹出窗口可以在网站上非常恼人。您应该创建一个名为“感谢you.html”，你可以重新定向用户在成功提交有权访问该网站的导航选项，甚至只是做一个重新直接回窗体页面几秒钟后页面。

Answer 3:

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

Answer 4:

听起来像是你的PHP脚本处理通过处理输入和浏览器重定向到的值表单提交rec_thanks场。

您可以添加像onsubmit="YourJavaScriptFunction()"窗体标签添加客户端行为之前，实际提交表单。在这一功能，您可以执行验证，使用alert('Thank You!')等等。

文章来源: Thank you alert upon form submission