2009-09-17 86 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;你的用戶會感謝因爲大家都討厭彈出窗口!

相關問題