一画面にsubmitが2つある場合の処理

Question

【 】登録
【 】
【 】
【 】登録

上記のように入力フォームが複数あり、登録ボタンを2つ配置し、最初のフォームと、2〜4番目のフォームを別けてPOSTしたいのですが、通常はどのようなコーディングをするのでしょうか？
formを2つ別けた場合、例えば最初のフォームがPHPでsubmitされると、画面がリロードされるため、その他のフォームに入力中だった内容はリセットされてしまうのでしょうか？
これはやはり、最初の登録ボタンに関してはAjaxなど画面遷移しない形でpostする方法が一般的でしょうか？

Answer 1

コメントにすこし話題にでているようですが、Formを一つにしておけば、どちらでsubmitされたかはパラメータから判断できるので（押したボタンのnameは送信データに現れるが、押してない方は送信されていないんだったかと）、

サーバー側で押された方に合う処理を行い、
上のsubmitだった場合は２～４の内容をセットしたHTMLを（phpで）生成してあげればajaxなしで実現できます。

フレームを使い、上と下で別の画面にしてしまう（サーバー側はセッションなどで協調する）などの方法もあります。

昔だとインラインフレームという手もありましたが、今は使わないですね。

画面がリロードされたくない（一瞬白くなるのがいや）ならajaxしかないでしょうね。

Answer 2

もしくは別画面にするか、ですね。
もどる機能をつけるのが面倒かもしれませんが。

要件しだいなのでなんともいえませんが、
設計する人がバランスとるしかないっスよ～

Comments

[退会済みユーザー]

質問した内容が正に要件でして、同一画面での処理を考えています。

[takasima20]

それなら Ajaxなどの技術を使ってやるしかないんじゃないかなあ

[退会済みユーザー]

同一form内にsubmitを2つ設置し、「PHP」でactionを分岐した場合、最初のsubmitでpostした後、元の画面を表示した際に、その他のフォームに入力中だった内容を保持する処理もできますでしょうか？

[takasima20]

Ajaxなどの技術を使う場合、(いわゆる)submitはしません。
JavaScriptですべての(ブラウザでの)処理が完結します。

> 「PHP」でactionを分岐した場合

が何を意味するのか分かりづらいのですが、
Ajaxなどの技術を使わず(通常の)submit処理だけでも
できそうな気はしますが、どういう状態が最終入力状態に
なるのかは決める必要がありますね。

> 元の画面を表示した際に、その他のフォームに入力中だった内容を保持

そのようにコーディングすれば、そのように動きますよ。