Question

我对包装/手风琴有疑问。我现在有多个包装器，每个包装器中都有一个表单。现在，我想在页面的末尾添加一个sendbutton。 sendbutton将发送所有已经填写的表格。

我该怎么做？

Answer 1

我不知道您为什么要将输入分解为不同的形式，然后立即再次提交。使用一个表单并提交数据并使用processFormData挂钩以您希望的方式处理它是否没有意义？可能是因为你希望手风琴将你的表格分组。让我这样帮助你：

以下面显示的格式创建表单。确保表单具有tabless布局，以便能够使用fieldsets。

创建没有标签的字段集。您可以添加ce_accordion类，以防万一你附加了一些样式。
创建html类型的字段并添加以下标记。

<div class="toggler">Form 1 headline here</div>
使用以下标记创建另一个字段

<div class="toggler">
现在从这里创建输入字段。例如文本字段textares。
创建html类型的字段以关闭在步骤3中创建的html标记

</div>
在此处创建一个fieldset wrapper end。

上述步骤可以重复您想要在手风琴中创建多少组字段。

现在在此处创建提交按钮，它将以您希望的方式发送所有数据。

顺便说一下：如果有人在封闭的包装器中提交表单，他将如何知道哪个包装器有错误字段？

$(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规则添加样式

如何在Contao中使用一个按钮发送多个表单？

1 个答案: