如何防止瀏覽器在提交後轉到其他頁面？

我有一個用戶輸入數據並上傳圖片的表單，當用戶點擊提交時，瀏覽器會轉到「確認頁面（其實際爲空）」，我寧願有一個彈出確認消息，當用戶點擊確定刷新頁面。如何防止瀏覽器在提交後轉到其他頁面？

任何想法？

一些細節：首先，用戶在文本框輸入數據並選擇要上傳的文件

當用戶點擊「提交按鈕」，一個確認頁面彈出，用戶可以點擊「OK」或「取消「

如果使用點擊‘OK’，小服務程序被調用來處理表單數據，包括用戶要上傳的文件，如果表單提交成功，則‘成功’彈出

礦似乎去空白確認頁每次都沒有成功彈出

你可以用JavaScript來做到這一點。讓表單操作成爲彈出警告框以確認提交然後重定向到您所在的相同URL的JavaScript代碼。 –

如果您設置窗體的action屬性爲空e.g

<form action="">

形式將提交到同一頁面。

您可以選擇性檢索表單元素中的值而不實際提交表單，然後處理它並顯示確認消息，然後刷新或轉到其他頁面。

2012-01-19 23:12:16 Chibuzo

這聽起來不錯，老實說我不知道，我可以設置行動=「」，生病試試看，謝謝！ – iCodeLikeImDrunk

嘿，你能解釋一下更多關於檢索價值而不實際提交表單嗎？ – iCodeLikeImDrunk

你可以使用「document.form_name.username.value」。它會返回一個表單元素（type ='text'）與name ='username'輸入的值。請記住給你的表單一個名字。 jquery使JavaScript更容易。 – Chibuzo

您將通過ajax而不是通過表單提交進行提交。 ajax調用完成後，您可以在頁面中執行任何您想要的操作（顯示一個彈出窗口），然後轉到另一個頁面。

2012-01-19 23:04:48 jfriend00

你能爲我寫一些示例代碼嗎？ – iCodeLikeImDrunk

@JoeChen - 我不清楚你是如何工作的。請詳細說明您想要的步驟的確切順序。包括以下所有步驟：用戶輸入數據，驗證數據，提示用戶進行確認，將表單提交給服務器，然後描述完成後應顯示的內容。另外，你可以使用類似jQuery的庫嗎？還是它必須是純javascript？ – jfriend00

編輯更多詳細信息 – iCodeLikeImDrunk

回答