マルチタブフォームの処理方法（jqueryの有無にかかわらず）

Question

大きなページ/フォームをタブとして分割したので、それぞれのタブには保存ボタンが必要ですタブ。また、すべてのタブのデータを保存するグローバル保存ボタンも必要です。

これは、各タブごとに別々のフォームを作成し、jquery serializeを使用してポストしていましたが、フォームの中にはjqueryでうまくいかない画像アップロードとckeditorフィールドがあります。

これを解決するにはどうすればよいでしょうか？

Answer 1

低インパクトアポアーチは、3つのフォームを持っているときにそのまま放置することです。そして、グローバルなフォームのsubmit要素にあなたの "フォームのマージ" 添付：

<form id="form1"> ... </form> 
<form id="form2"> ... </form> 
<form id="global"></form> 

JS：HTMLについて

をjQueryのを使用して

$("#global").submit(function(e){ 
    var $ch1 = $("#form1").children(); 
    var $ch2 = $("#form2").children(); 

    $(this).append($ch1).append($ch2); 
    //Let the form get submitted... 
}); 

Answer 2

、あなたはそれぞれを提出することができますフォーム1

$("#globalsubmit").submit(function(e){ 

    //simply submit all the forms one by one 
    $("#form1").submit(); 
    $("#form2").submit(); 

    return false; 
}); 

またはすべてのフォームを検索し、一度

を提出することにより、

$("#globalsubmit").submit(function(e){ 

    $("form").each(function() { $(this).submit(); }); 

    return false; 
}); 

---

jQueryなし。ここには、あなたが従うべきいくつかのステップがあります。

1. フォームを送信し、データを処理せずにセッションに保存します。
2. セッション内のすべてのフォームからすべてのデータを収集し、最後にデータを一括送信します。