2009-09-17 88 views
2

我有一个非常基本的表格,在http://www.happyholidaylites.com/contact.html,它工作得很好。当您提交表单时,用户将被带到index.html,并且不会发送表单已发送的消息。我正在寻找一个警报,用“x”按钮表示“您的表单已提交”。我的代码如下所示:感谢您提交表单提醒

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

     <input type='hidden' name='rec_mailto' value='[email protected]'> 
     <input type='hidden' name='rec_subject' value='New Contact Form'> 
     <input type='hidden' name='rec_thanks' value='index.html'> 

等等等等.....

的最后一行是什么讲的是形式按下提交按钮后做什么,但我不希望它指向浏览器的索引,而是我想要一个JavaScript弹出与成功消息。有任何想法吗?

回答

6

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

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

担保人在那一点上表格实际上已经提交? – roryf 2009-09-17 13:03:07

+2

这真的不应该被标记为答案,因为罗里州没有保证表格已经提交。 onSubmit方法用于预先验证表单数据并在必要时取消-1 – James 2009-09-17 13:17:27

+0

我明白,但对我而言,这正是我想要的。我需要一个解决方法。我并不需要一个可以处理表单的解决方案。而不管表单是否被提交。 – JCHASE11 2009-09-17 13:27:00

0

听起来像是你的PHP脚本处理通过处理输入和重定向浏览器在rec_thanks字段中的值的形式提交。

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

+0

直到表单处理,没有办法知道它实际上提交... – roryf 2009-09-17 13:03:38

4

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

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

2

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

相关问题