2012-01-19 4 views
0

私はユーザーがデータを入力して写真をアップロードするフォームを持っています。ユーザーがサブミットをクリックすると、ブラウザは「確認ページ(実際には空白です)」に行きます。ポップアップ確認メッセージが表示されますOKをクリックするとページが更新されます。送信後にブラウザが別のページに移動しないようにするにはどうすればよいですか?

アイデア?

いくつかの詳細は: まず、ユーザーがテキストフィールドにデータを入力すると、ユーザーが確認ページがポップアップし、「送信ボタンを」クリックしたときに、ユーザーが「OK」をクリックするか、「キャンセルでき

をアップロードするファイルを選択し、鉱山に行くようです

をポップアップOK」の使用がクリックした場合

『成功『』、サーブレットは、フォームが送信する場合、ユーザは、アップロードしたいファイルを含むフォームデータを処理するために呼び出されますが、その後成功しています』毎回ブランクの確認ページ、成功しないポップアップ

+2

JavaScriptでこれを行うことができます。フォームアクションをJavaScriptコードにして、アラートボックスをポップアップして送信を確認した後、同じURLにリダイレクトします。 –

答えて

1

フォームのaction属性は、例えば

<form action=""> 

空に設定した場合、フォームが同じページに提出します。

フォーム要素を実際に送信せずに処理し、確認メッセージを表示して別のページに移動することもできます。

+0

これは良い、正直に聞こえる私はアクション= ""、病気を試してみることができることを知っていませんでした感謝!!! – iCodeLikeImDrunk

+0

実際にフォームを送信せずに値を取得する方法についてもう少し説明できますか? – iCodeLikeImDrunk

+1

"document.form_name.username.value"を使用できます。これはフォーム要素(type = 'text')に入力された値をname = 'username'で返します。フォームに名前を付けることを忘れないでください。 JqueryはJavaScriptをもっと簡単にします。 – Chibuzo

2

フォーム提出の代わりにajaxを使用して提出します。 ajax呼び出しが完了したら、ページ内の任意の操作(ポップアップの表示)を行い、別のページに移動できます。

+0

私のためのいくつかのサンプルコードを書くことができますか? – iCodeLikeImDrunk

+1

@JoeChen - あなたがどのように動作させるかは、私には明確ではありません。ユーザーがデータを入力し、データが検証され、ユーザーが確認のためのプロンプトが表示され、フォームがサーバーに送信され、完了時に表示される内容を記述するステップをすべて含めます。また、jQueryのようなライブラリを使用できますか?それともプレーンなjavascriptでなければなりませんか? – jfriend00

+0

詳細は – iCodeLikeImDrunk

関連する問題