如何使用Contao中的一個按鈕發送多個表單？

Question

我有一個關於包裝/ accordeons的問題。我現在有多個包裝，每個包裝都有一個表單。現在，我想在頁面末尾添加一個發送按鈕。發送按鈕將發送所有一次填入的表單。

我該怎麼做？

Answer 1

我不知道你爲什麼要把輸入分解成不同的形式，然後一次提交它們。使用一個表單並提交數據並使用processFormData掛鉤以您想要的方式處理它是否沒有意義？可能是因爲你想讓手風琴把你組成一個領域。讓我以這種方式爲您提供幫助：

以下面顯示的格式創建您的表單。確保表單有一個tabless佈局，以便能夠使用fieldset。

1. 創建沒有標籤的字段集。你可以添加類ce_accordion，以防你有一些附加的樣式。

2. 創建一個html類型的字段並添加以下標記。

   <div class="toggler">Form 1 headline here</div>

3. 與下面的標記

   <div class="toggler">

4. 現在從這裏創建輸入字段創建另一個領域。例如文本字段textares。

5. 創建HTML類型的場以關閉在第3步

   </div>

6. 創建HTML標記創建一個字段包裝在這裏結束。

上述步驟可以重複多少個字段，您想在手風琴中創建多少組字段。

1. 現在創建你在這裏提交按鈕，它會發送你想要的所有數據。

只是一個例子： 如果有人在一個封閉的封閉器中提交表單，他怎麼知道哪個封裝器有錯誤字段？

$(document).ready(function() { 
    $(".ce_accordion").each(function(index,el) { 

     if($(this).find("p.error")){ 
$(this).addClass("hasErrors"); 
$(this).find("div.toggler").addClass("active").attr("aria-expanded","true"); 
} 

    }); 
​});​ 

現在，您可以添加樣式.hasErrors排除