0

我对包装器/手风琴有疑问。我现在有多个包装器，每个包装器中都有一个表格。现在，我想要页面末尾的一个发送按钮。发送按钮，它将一次发送所有已填写的表格。

我怎样才能做到这一点？

4

1 回答 1

0

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

以如下所示的格式创建您的表单。确保表单具有能够使用字段集的表格布局。

  1. 创建一个没有标签的字段集。您可以添加类 ce_accordion 以防万一您附加了一些样式。

  2. 创建一个 html 类型的字段并添加以下标记。

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

  3. 使用以下标记创建另一个字段

    <div class="toggler">

  4. 现在从这里创建您的输入字段。例如一个文本字段，textares。

  5. 创建一个 html 类型的字段以关闭在步骤 3 中创建的 html 标记

    </div>

  6. 在此处创建一个字段集包装器。

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

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

于 2014-03-05T07:24:00.497 回答