ASP Core动态表单TextBox数组无法在Action中绑定问题排查

看起来你已经按fieldName[0]的格式命名了输入框，但后端模型绑定没生效——这种情况我碰到过好多次，大概率是命名规则、模型或Action的设置出了问题，下面给你几个排查和解决的方向：

1. 对齐模型与Action参数的命名规则 #

首先，你的Action接收的参数必须是列表/数组类型，而且输入框的命名要和参数名称完全对应。举个实际的例子：

假设你用来存储单行数据的模型是这样的：

public class EmployeeEntry
{
    public int CompanyAllId { get; set; }
    public int EmployeeId { get; set; }
    public string Name { get; set; }
}

那你的Action参数得是List<EmployeeEntry>类型，比如：

[HttpPost]
public IActionResult SubmitForm(List<EmployeeEntry> employeeEntries)
{
    // 后续处理逻辑
}

这时候，输入框的命名必须是employeeEntries[0].CompanyAllId、employeeEntries[0].EmployeeId，而不是直接用CompanyAllId[0]——这是最容易踩的坑！如果直接用CompanyAllId[0]，后端无法识别这些字段属于同一个数组项，自然绑定失败。

2. 保证动态行的索引连续 #

MVC的模型绑定器对数组索引的连续性有要求，如果删除行后出现了索引跳跃（比如0、2、3），绑定就会中断，只会识别到索引0的项。所以动态添加/删除行时，要维护连续的索引：

• 添加新行时，按顺序递增索引（0→1→2...）
• 删除行后，遍历所有剩余行，把输入框名称里的索引重新从0开始排序（比如把employeeEntries[2].Name改成employeeEntries[1].Name）

你可以用这段简单的JS处理删除后的索引更新：

function reindexRows() {
    const rows = document.querySelectorAll('#your-table-body tr');
    rows.forEach((row, newIndex) => {
        row.querySelectorAll('input').forEach(input => {
            input.name = input.name.replace(/\[(\d+)\]/, `[${newIndex}]`);
        });
    });
}

3. 检查模型属性的可访问性 #

确保你的模型类属性都是公共的，并且带有get和set方法——如果属性是私有的，或者只有getter，模型绑定器无法给它赋值，自然绑定不上。比如上面的EmployeeEntry类里的属性都是public且有get; set;，这是必须的基础条件。

4. 验证表单提交的格式 #

如果你用Ajax提交表单，要确保contentType设置为application/x-www-form-urlencoded（这是表单提交的默认格式），不要用application/json，否则后端的模型绑定器无法正确解析表单数据。

另外，你可以打开浏览器开发者工具，查看Form Data里的键名是否和预期一致——比如是不是employeeEntries[0].CompanyAllId而不是CompanyAllId[0]，这一步能帮你快速定位命名问题。

按照上面的步骤调整后，应该就能正常完成模型绑定了。

内容的提问来源于stack exchange，提问作者PowerMan2015