teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

質問を修正しました

2016/05/12 08:30

投稿

msx2
msx2

スコア174

title CHANGED
@@ -1,1 +1,1 @@
1
- フォームを分割した場合の送信処理
1
+ 複数フォームの内容を一度に送信する方法
body CHANGED
@@ -1,6 +1,7 @@
1
1
  一つの大きなフォームがあり、内容は商品に関する情報と画像データです。
2
2
  [別の質問](https://teratail.com/questions/34527)でアドバイスを頂き、このフォームの画像を登録する部分だけ別のフォームにしたいのですが、デザインの都合で画像ファイルを選択する項目はフォームの中ほどにあります。
3
3
 
4
+ ※このソースはあくまでも簡略化したものであり、本当はかなりの数の入力項目を含んでいます
4
5
  ```HTML
5
6
  <form name="form1">
6
7
  <input type="text" name="txt1">
@@ -9,7 +10,7 @@
9
10
  <input type="submit">
10
11
  </form>
11
12
  ```
12
- これをフォーム要素の入れ子を使わないとするとこういう感じなるでょうか
13
+ これをフォーム要素の入れ子を使わずにのように分割ます
13
14
  ```HTML
14
15
  <form name="form1">
15
16
  <input type="text" name="txt1">
@@ -25,4 +26,12 @@
25
26
  </form>
26
27
  ```
27
28
 
28
- 分割した場合にform3のsubmitをクリックしてform1とform3を送信しようとしたらどの様な方法があるでしょうか?
29
+ 分割した場合にform1とform3をまとめて送信しようとしたらどの様な方法があるでしょうか?
30
+
31
+ ---
32
+ (2016/5/12:追記)
33
+
34
+ 送信前にJavascriptを使ってform1にform3の要素を追加し、最終的にはform1をsubmitすることで実現できそうですが、要素数が多いため記述が大変です。
35
+ 簡単に2つのフォームを合体させることができればいいのですが。
36
+
37
+ もともと1つのフォームとして送信すべきものを2つに分割するという考え方が間違っているのでしょうか?