2011-02-25 27 views
2

我想知道在提交表單時實現「確認頁面」的最佳方式。我知道,這是最好的腳本,表單POST到通過處理POST數據來實現,然後重定向到另一個頁面,因此用戶不能直接觀看被張貼到網頁。執行「確認」頁面的最佳方法?

我的問題是關於實施「確認數據保存之前」網頁的最佳方式。難道我

  1. 有我的表單POST到腳本中,這樣編組的數據,在一個GET提出,並重定向到確認頁面,解組和以另一種形式顯示的數據,在這裏用戶可以然後要麼確認(這會導致另一個POST實際上保存數據的腳本)或拒絕(這會導致用戶被重定向回原始表單,並添加其輸入)?

  2. 直接有我的表單POST到確認頁面,該頁面顯示給用戶,然後,像#1,讓用戶確認或拒絕的選項?

  3. 有我的形式得到了確認頁面,然後做預期的行爲?

我覺得這個問題有一個常識性的答案,我只是沒有得到。

回答

2

如果您必須這樣做(我只會針對涉及貨幣交易或類似情況的個人進行此操作),我建議您使用2個資源/ URI,它們都遵循Post-Redirect-Get模式:POST初始購物車結賬,創建「掛單」狀態(或類似),重定向到該狀態的頁面。然後,用戶可以從該頁面POST到下一個URI以創建一個「確認訂單」(或類似的),該訂單重定向到收據頁面或其他內容。

+0

我最喜歡這個,謝謝! – 2011-02-25 21:23:08

0

如果你想有隻數據驗證確認頁面,如檢查有效的電子郵件地址和電話號碼,你可以提交表單中使用JavaScript。

http://www.w3schools.com/js/js_form_validation.asp

+0

如果用戶禁用JavaScript,不是一個好主意。 – MacMac 2011-02-25 18:42:30

+0

我正在爲用戶使用更多的確認頁面,比如「審覈並確認您提交的內容」類的東西... – 2011-02-25 18:50:12

1

我過去所做的是有一個網頁,有標籤與文本框/下拉列表的/ etc「編輯」區「查看」區域,然後。您可以根據自己的喜好製作DIV或TABLES。

  1. 用戶來到頁面並獲取編輯視圖,以便他們可以使用文本框。保存/提交按鈕在底部。
  2. 點擊保存/提交做了回傳,填充與他們輸入的數據標籤,並允許他們查看/驗證他們輸入的內容。繼續並在底部編輯按鈕。
  3. 編輯是回發並返回到編輯視圖。
  4. 繼續執行實際保存並重定向到顯示確認的新頁面。

(可選)您可以根據您的偏好再次將數據保存在確認頁面而不是第一頁上。

0

其實,你可以在提交之前做到這一點。在表單提交(無論哪裏)添加一個onlick,用確認按鈕觸發一個模式窗口。我個人最喜歡的情況是使用Jquery UI Modal Confirmation dialog

我個人通過頁面中的Jquery .click語句來啓動它。

因此,文檔不會提交,直到onclick依賴已完成並更改爲「true」,該示例會自動使用包含的「ok」按鈕進行提交。

我相信,這將優雅地回退到只需要確認如果Javascript被關閉,這本身正在變得越來越「邊緣」的情況下。事實上,我的一些最堅定的企業客戶開始接受這種情況下的限制,例如當Javascript被關閉時......並且他們比我們大多數人都更挑剔。

然後,你可以自由地提交到你想要的任何頁面。就我個人而言,我已將所有表單轉換爲Jquery .ajax提交,但這只是我自己。無論你喜歡,你都可以做到。

相關問題