jquery - $.serializeArray() 不包括表单内的所有字段

Question

我有多个<form>在单页上，都有唯一的 ID，表单正文如下所示。

<form id="form-main">
    <table>
        <tr>
           <td><input type="text" name="field1"/></td>
                . . . . . . .
                . . . . . . .
        </tr>
    </table>
    <table>
        <tr>
           <td><input type="text" name="field2"/></td>
                . . . . . . .
                . . . . . . .
        </tr>
    </table>     
</form>

<form id="form-second">
    <table>
        <tr>
           <td><input type="text" name="field3"/></td>
                . . . . . . .
                . . . . . . .
        </tr>
    </table>
    <table>
        <tr>
           <td><input type="text" name="field4"/></td>
                . . . . . . .
                . . . . . . .
        </tr>
    </table>
</form>

我知道不建议使用表格来对齐表单字段，可以使用 CSS 来做到这一点，但实际问题是当我使用 $("#form-main").serializeArray 时，我应该在数组对象中获取此表单的所有字段，但在这里我只获取表单中第一个表的字段，其余输入将被忽略。

这是 serializeArray() 的有效行为吗？ ？或者我对表格的使用才是真正的问题？我可以使用div s 而不是表格，但那是我最后的选择。另外，在这些多个表单中，第一个表具有必须填写的字段，因此与“键入时验证”方法一起，我正在迭代这些必填字段以检查它们是否不为空，所以这就是为什么数组对象中只包含每种形式的第一个表的原因。

Answer 1

我也遇到了同样的问题。我有一种形式有效，另一种形式无效。按照普雷斯托尔所说的去做有助于确认仍然存在问题。

问题是我有“id”属性，但没有“name”属性。 SerializeArray 需要所有输入字段都有“name”属性。

抢