Jquery mobile jQuery Mobile-嵌套列表中的字段未提交

我有一张大表格，必须马上提交。一个长页面不是一个选项，所以我决定将嵌套列表中的部分分开。以下是标记的外观：

<form action="/home/index" data-ajax="false" data-transition="pop" id="xmlForm" method="post">

    <ul data-role="listview" data-inset="true">

       <li>
           Section 1
            <ul data-inset="true">
                <li data-role="fieldcontain">
                    <label for="field1">Field1</label>
                    <input type="text" id="field1" />
                </li>
                <li data-role="fieldcontain">
                    <label for="field2">Field2</label>
                    <input type="text" id="field2" />
                </li>
            </ul>
       </li>

       <li>
           Section 2
            <ul data-inset="true">
                <li data-role="fieldcontain">
                    <label for="field4">Field4</label>
                    <input type="text" id="field4" />
                </li>
                <li data-role="fieldcontain">
                    <label for="field5">Field5</label>
                    <input type="text" id="field5" />
                </li>
            </ul>
       </li>

    </ul>

    <div class="ui-body ui-body-b">
        <fieldset>
            <button type="submit" data-theme="a" name="submit" value="submit-value">Process Script</button>
        </fieldset>
    </div>

</form>

表单将忽略所有其他字段。

---

这是出于设计还是我遗漏了什么？

您的输入元素应该具有

名称

属性（即

）。

我也有同样的问题。如果您查看domjquery，它会将每个子列表重新排列到自己的页面中。这将导致所有表单字段都移动到

标记之外。这就是为什么他们没有包括在提交中

---

我在所有表单字段中添加了“form”属性：

。现在，当我提交时，子列表中的所有字段都包括在内。

它们实际上包括在内，我只是在键入上面的代码时遗漏了它。下面是实际代码的一部分：顺便说一下，我使用的是ASP.NET MVC 4。文档建议我们应该避免嵌套列表，因此我最终创建了多个页面，每个页面上有一个表单。但你想出了一个有趣的方法。我会试试后者。

submit:submit-value