如何在Blazor EditForm中验证审计评论等第二组数据？

你的问题核心是Blazor的EditForm默认只验证绑定的单个模型——你当前把EditForm绑定到了selectedProduct，但评论框绑定的是独立的auditProduct对象，DataAnnotationsValidator只会扫描selectedProduct的验证规则，所以评论框的验证完全不会触发，提交时自然会因为评论字段未验证而出错。

解决思路：用复合视图模型统一管理 #

创建一个包含产品模型和审计字段（或审计模型）的复合视图模型，让EditForm绑定这个复合模型，这样所有字段的验证规则都会被DataAnnotationsValidator扫描到。

步骤1：定义复合视图模型 #

根据你的需求，有两种写法：

写法1：直接包含审计字段（适合字段少的情况）

public class ProductEditViewModel
{
    // 产品信息
    public Product SelectedProduct { get; set; } = new Product();

    // 审计评论，添加验证注解
    [Required(ErrorMessage = "请填写操作评论")]
    [StringLength(500, ErrorMessage = "评论不能超过500字符")]
    public string AuditComments { get; set; }

    // 其他审计字段（后台自动赋值，无需用户输入）
    public int OperatorUserId { get; set; }
    public DateTime AuditDateTime { get; set; } = DateTime.Now;
}

写法2：包含完整审计模型（适合审计字段多的情况）

如果你的AuditProduct已经带有数据注解验证，直接把它作为属性：

public class ProductEditViewModel
{
    public Product SelectedProduct { get; set; } = new Product();
    public AuditProduct AuditProduct { get; set; } = new AuditProduct();
}

（确保AuditProduct的Comments属性已经添加[Required]等验证注解）

步骤2：修改EditForm绑定和字段路径 #

把EditForm的Model改为复合视图模型实例，同时更新所有输入框和验证消息的绑定路径：

对应写法1的EditForm代码

<EditForm Model=@productEditModel OnValidSubmit="HandleSubmit">
    <DataAnnotationsValidator />
    <!-- 可选：显示所有验证错误的汇总 -->
    <ValidationSummary Class="text-danger" />
    
    <div class="form-group">
        <label for="productName">产品名称:</label>
        <InputText name="productName" @bind-Value="productEditModel.SelectedProduct.ProductName"></InputText>
        <ValidationMessage For="@(() => productEditModel.SelectedProduct.ProductName)" Class="text-danger" />

        <label for="productDescription">产品描述:</label>
        <InputText name="productDescription" @bind-Value="productEditModel.SelectedProduct.ProductDescription"></InputText>
        <ValidationMessage For="@(() => productEditModel.SelectedProduct.ProductDescription)" Class="text-danger" />

        <label for="additionalInformation">补充信息:</label>
        <InputText name="additionalInformation" @bind-Value="productEditModel.SelectedProduct.AdditionalInformation"></InputText>
        <ValidationMessage For="@(() => productEditModel.SelectedProduct.AdditionalInformation)" Class="text-danger" />

        <label for="price">价格:</label>
        <InputText name="price" @bind-Value="productEditModel.SelectedProduct.ProductPrice"></InputText>
        <ValidationMessage For="@(() => productEditModel.SelectedProduct.ProductPrice)" Class="text-danger" />                   

        <label for="auditComments">操作评论:</label>
        <InputTextArea name="auditComments" @bind-Value="productEditModel.AuditComments"></InputTextArea>
        <ValidationMessage For="@(() => productEditModel.AuditComments)" Class="text-danger" />
  
        <button type="submit" class="btn-primary">保存</button>
        <button type="button" class="btn-secondary" @onclick="HandleCancel">取消</button>
    </div>
</EditForm>

对应写法2的EditForm代码（仅评论框部分不同）

<!-- 评论框部分替换为 -->
<label for="auditComments">操作评论:</label>
<InputTextArea name="auditComments" @bind-Value="productEditModel.AuditProduct.Comments"></InputTextArea>
<ValidationMessage For="@(() => productEditModel.AuditProduct.Comments)" Class="text-danger" />

步骤3：组件后台逻辑调整 #

在组件中初始化复合模型，并在提交时分别处理产品更新和审计记录：

// 组件内定义复合模型实例
private ProductEditViewModel productEditModel = new ProductEditViewModel();

// 初始化时赋值选中的产品和操作用户ID
protected override void OnInitialized()
{
    // 假设你从服务获取了要编辑的selectedProduct
    productEditModel.SelectedProduct = selectedProduct;
    // 从登录信息中获取当前操作用户ID
    productEditModel.OperatorUserId = CurrentUser.Id;
    // 如果是写法2，赋值审计模型的基础字段
    // productEditModel.AuditProduct.ProductId = selectedProduct.Id;
    // productEditModel.AuditProduct.UserId = CurrentUser.Id;
}

private void HandleSubmit()
{
    // 1. 更新产品到数据库
    _productService.UpdateProduct(productEditModel.SelectedProduct);

    // 2. 创建并保存审计记录
    var auditRecord = new AuditProduct
    {
        ProductId = productEditModel.SelectedProduct.Id,
        UserId = productEditModel.OperatorUserId,
        AuditDate = productEditModel.AuditDateTime,
        Comments = productEditModel.AuditComments
        // 如果是写法2，直接用productEditModel.AuditProduct
        // = productEditModel.AuditProduct;
    };
    _auditService.AddAuditRecord(auditRecord);

    // 提交后的逻辑，比如返回产品列表页
    NavigationManager.NavigateTo("/products");
}

关键注意点 #

• 确保所有需要验证的字段都在复合模型的层级下，EditForm才能扫描到验证规则。
• 如果使用ValidationSummary，可以更直观地看到所有未通过验证的字段。
• 取消按钮的type要改为button，避免触发表单提交。

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