2

大きなページ/フォームをタブとして分割していますが、各タブに保存ボタンが必要です。保存ボタンを使用すると、そのタブ内のフィールドが送信されます。また、すべてのタブからデータを保存するグローバル保存ボタンも必要です。

これを行うという私の考えは、タブごとに個別のフォームを作成し、jqueryシリアル化を使用してそれらを投稿することでしたが、一部のフォームには、jqueryではうまく機能しない画像アップロードフィールドとckeditorフィールドがあります。

これを解決するための最良の方法は何でしょうか？

4

2 に答える 2

0

影響の少ないappoarchは、3つのフォームをそのままにしておくことです。次に、「フォームマージ」をグローバルフォームの送信要素に添付します。

HTMLの場合：

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

JS：

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

  $(this).append($ch1).append($ch2);
  //Let the form get submitted...
});
于 2012-04-23T06:09:39.913 に答える
0

jQueryを使用すると、各フォームを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. セッション内のすべてのフォームからすべてのデータを収集し、最後にデータをまとめて送信します。
于 2012-04-23T06:27:05.957 に答える