如何在.NET Core中基于JSON对象构建带验证的表单并以字典形式提交？现有实现问题排查

看起来你遇到了动态生成表单的两个核心问题：验证规则不生效，以及提交后无法正确拿到预期的字典结果。我来给你一步步解决，完全不用jQuery/Ajax：

一、让验证规则生效的核心要点 #

你当前的问题在于：分部视图的模型没有和主视图的验证上下文关联，而且硬编码了IsRequired = true，没有复用原始字段的验证规则。要让验证生效，需要做到这几点：

1. 给分部视图的ViewModel添加对应验证属性 #

首先，为每个字段类型的ViewModel添加匹配的验证注解，比如文本框的ViewModel：

public class TextFieldViewModel
{
    public string Key { get; set; } // 对应字段ID
    public string Name { get; set; } // 字段显示名称

    // 根据验证规则启用必填验证
    [Required(ErrorMessage = "此字段为必填项")]
    public string Value { get; set; }

    // 用来控制是否启用必填（可扩展其他规则）
    public bool IsRequired { get; set; }
}

如果需要更灵活的验证（比如长度、格式），可以根据原始field的验证规则动态添加，或者使用条件验证属性（比如[RequiredIf]，需安装相关NuGet包）。

2. 分部视图使用Tag Helper关联验证 #

在分部视图中，必须使用ASP.NET Core的Tag Helper生成输入控件和验证消息，才能和主视图的验证上下文联动。比如_PartialTextField.cshtml：

@model TextFieldViewModel

<div class="form-group">
    <label>@Model.Name</label>
    <!-- 用asp-for绑定Value，自动生成验证属性 -->
    <input asp-for="Value" class="form-control" />
    <!-- 显示该字段的验证错误 -->
    <span asp-validation-for="Value" class="text-danger"></span>
</div>

3. 主视图添加验证摘要 #

在主表单顶部添加验证摘要，用来显示全局或字段级的验证错误：

<form method="post">
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <!-- 循环渲染字段的代码 -->
    <button type="submit">提交</button>
</form>

二、提交后绑定到字典的关键设置 #

要让表单提交后自动绑定到以字段ID为键的字典，需要控制输入控件的name属性格式，让ASP.NET Core的模型绑定能识别并填充到字典中。

1. 定义主视图的ViewModel #

主视图需要一个包含字段列表和接收提交结果字典的ViewModel：

public class InvoiceFormViewModel
{
    // 原始的字段配置列表
    public List<BillerInvoiceFieldModel> BillerInvoiceFieldModels { get; set; }
    // 用来接收提交结果的字典
    public Dictionary<string, object> FormFields { get; set; } = new Dictionary<string, object>();
}

2. 修改分部视图的name属性 #

渲染分部视图时，把输入控件的name设置为FormFields[字段ID]，模型绑定会自动把对应的值存入字典：

@model InvoiceFormViewModel

<form method="post">
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    @foreach (var field in Model.BillerInvoiceFieldModels)
    {
        switch (field.Type.Tag)
        {
            case "TEXT":
                @await Html.PartialAsync("Partials/_PartialTextField", new TextFieldViewModel
                {
                    Key = field.Id.ToString(),
                    Name = field.Name,
                    // 从原始字段的验证规则获取是否必填
                    IsRequired = field.ValidationRules?.Any(r => r.Type == "Required") ?? false,
                    // 回显时从字典中取已填的值
                    Value = Model.FormFields.ContainsKey(field.Id.ToString()) 
                        ? Model.FormFields[field.Id.ToString()]?.ToString() 
                        : ""
                })
                break;
            // 其他字段类型（select/checkbox）类似处理
            case "SELECT":
                // 下拉框分部视图，name同样设置为FormFields[field.Id]
                break;
            case "CHECKBOX":
                // 复选框注意绑定布尔值，name格式一致
                break;
        }
    }
    <button type="submit">提交</button>
</form>

同时修改分部视图的输入控件name：

<input asp-for="Value" class="form-control" name="FormFields[@Model.Key]" />

3. 控制器接收绑定结果 #

在Post方法中直接接收InvoiceFormViewModel，FormFields就是你要的字典：

[HttpPost]
public IActionResult Index(InvoiceFormViewModel model)
{
    if (!ModelState.IsValid)
    {
        // 验证失败，返回视图显示错误
        return View(model);
    }
    // model.FormFields就是预期结果：键是字段ID，值是用户输入内容
    // 后续业务处理逻辑
    return RedirectToAction("FormSubmittedSuccessfully");
}

额外提示 #

• 复选框这类布尔值字段，字典中会自动存入bool类型的值，无需额外转换。
• 如果有更复杂的验证规则（比如正则、范围），可以在ViewModel中添加对应注解，或使用FluentValidation动态配置验证逻辑。
• 确保主视图是强类型绑定（@model InvoiceFormViewModel），这样模型绑定和验证才能正常工作。

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