Blazor/MudBlazor中动态组件的内联验证失效问题排查

1. 动态组件未继承表单上下文 #

MudBlazor表单验证依赖EditContext，静态组件会自动从父级MudForm获取上下文，但动态添加的FrequencySelector不会自动继承。

• 修复：动态渲染时显式传递EditContext，或者在组件内部通过级联参数接收：

// 父组件中传递上下文
@foreach (var freq in FrequencyList)
{
    <FrequencySelector EditContext="@_form.EditContext" @bind-Value="@freq.Value" />
}

// 自定义组件内部接收
@code {
    [CascadingParameter] public EditContext EditContext { get; set; }
}

2. 组件字段未正确关联模型属性 #

如果FrequencySelector是自定义组件，内部输入控件的For表达式必须绑定到父模型的对应字段，而非组件局部变量。

• 错误示例：用@bind-Value="_localVal"，验证消息无法关联到父模型
• 正确做法：让组件接收For参数并传递给内部输入：

@typeparam T

<MudTextField For="@For" @bind-Value="@Value" />

@code {
    [Parameter] public T Value { get; set; }
    [Parameter] public EventCallback<T> ValueChanged { get; set; }
    [Parameter] public Expression<Func<T>> For { get; set; }
}

父组件调用时：

<FrequencySelector For="@(() => Model.Frequencies[i])" @bind-Value="@Model.Frequencies[i]" />

3. 动态添加后未触发验证状态更新 #

新增动态组件后，EditContext不会自动感知字段变化，需手动触发验证更新：

// 添加新的FrequencySelector条目后执行
_form.EditContext.NotifyValidationStateChanged();
// 或者直接重新验证
await _form.Validate();

4. 自定义组件未触发字段变更通知 #

如果FrequencySelector是自定义组件，值变更时需要手动通知EditContext更新验证状态：

private async Task OnValueUpdated(T newValue)
{
    Value = newValue;
    await ValueChanged.InvokeAsync(newValue);
    // 触发字段变更，让表单验证同步更新
    EditContext?.NotifyFieldChanged(FieldIdentifier.Create(For));
}

5. 动态模型属性未配置验证特性 #

确保集合中每个子模型的属性都标记了验证特性（如[Required]、[Range]），父模型的集合属性也需添加对应验证（如[MinLength(1)]），否则后端验证能捕获但前端内联验证无触发依据。

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