Blazor Server：属性值变更后如何即时显示CustomerExists验证消息

我完全理解你的困境——当你修改Rechnungsnummer时，虽然CustomerExists的属性值已经更新，但它的验证消息不会立刻显示，只有提交表单才会出现。这是因为Blazor的表单验证系统默认只会在字段自身的绑定事件（如输入框失去焦点）或表单提交时触发验证，而CustomerExists是被其他字段间接修改的，EditContext并没有自动检测到它的变化。

下面是两种有效的解决方案，你可以根据需求选择：

方案1：手动触发字段验证（基于DataAnnotation） #

这个方案保留你现有的DataAnnotation验证规则，只需要在修改CustomerExists后手动通知EditContext更新验证状态：

步骤1：获取EditContext实例 #

在你的组件中，手动创建关联到Input模型的EditContext，或者直接从EditForm绑定：

@code {
    private EditContext? _editContext;
    private YourInputModel Input { get; set; } = new YourInputModel();

    protected override void OnInitialized()
    {
        // 创建关联到Input模型的EditContext
        _editContext = new EditContext(Input);
        base.OnInitialized();
    }
}

然后在EditForm上绑定这个EditContext：

<EditForm EditContext="_editContext" OnValidSubmit="HandleValidSubmit">
    <!-- 你的表单内容 -->
</EditForm>

步骤2：在SearchKunde中触发验证更新 #

修改你的SearchKunde方法，在设置CustomerExists后，手动通知EditContext该字段已变化，并触发验证：

private void SearchKunde()
{
    // 你的原有逻辑：查询客户信息并设置CustomerExists
    if(name != null) 
    { 
        Kundenname = name; 
        CustomerExists = true; 
    } 
    else 
    { 
        Kundenname = ""; 
        CustomerExists = false; 
    }

    // 手动触发CustomerExists的验证更新
    if (_editContext != null)
    {
        // 创建字段标识符
        var customerField = FieldIdentifier.Create(() => Input.CustomerExists);
        // 通知EditContext该字段已变更
        _editContext.NotifyFieldChanged(customerField);
        // 触发该字段的验证（或者调用_editContext.Validate()验证整个表单）
        _editContext.Validate();
    }
}

这样，当Rechnungsnummer变化时，CustomerExists的验证状态会立即更新，对应的消息也会即时显示。

方案2：使用ValidationMessageStore手动管理验证消息 #

如果你需要更灵活的验证逻辑（比如不想依赖DataAnnotation），可以使用ValidationMessageStore直接控制验证消息的显示和隐藏：

步骤1：初始化ValidationMessageStore #

@code {
    private EditContext? _editContext;
    private ValidationMessageStore? _validationMessageStore;
    private YourInputModel Input { get; set; } = new YourInputModel();

    protected override void OnInitialized()
    {
        _editContext = new EditContext(Input);
        // 创建关联到EditContext的ValidationMessageStore
        _validationMessageStore = new ValidationMessageStore(_editContext);
        base.OnInitialized();
    }
}

步骤2：在SearchKunde中手动管理验证消息 #

修改SearchKunde方法，直接添加或清除CustomerExists的验证消息：

private void SearchKunde()
{
    var customerField = FieldIdentifier.Create(() => Input.CustomerExists);
    // 先清除该字段的旧验证消息
    _validationMessageStore?.Clear(customerField);

    if(name == null)
    {
        CustomerExists = false;
        // 添加自定义验证消息
        _validationMessageStore?.Add(customerField, "Bitte geben Sie eine gültige Rechnungsnummer ein");
    }
    else
    {
        CustomerExists = true;
        // 验证通过，无需添加消息
    }

    // 通知EditContext验证状态已变化
    _editContext?.NotifyValidationStateChanged();
}

注意：使用这个方案时，建议移除CustomerExists属性上的[Required]和[Range]特性，避免和手动添加的消息冲突。

为什么原代码不生效？ #

Blazor的EditContext会监听模型属性的变化，但默认只会响应通过表单组件绑定直接修改的属性。CustomerExists是通过Rechnungsnummer的setter间接修改的，EditContext没有收到这个变化的通知，因此不会自动触发验证更新——这就是为什么只有提交表单时才会显示验证消息的原因。

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