Blazor InputDate赋值后未重新验证问题求助

问题分析 #

当输入11/31/2024这类无效日期时，InputDate组件会自动向EditContext添加该字段的验证错误标记。即使通过点击"No"将模型值回退到原有效日期12/31/2024，EditContext中的验证错误不会自动清除，导致InputDate仍显示红色下划线的无效状态。

解决方案 #

在回退日期后，需要手动触发EditContext的状态更新，清除无效的验证标记，确保UI与模型值同步。以下是两种可行的修改方式：

方式1：重新验证整个表单

在Confirmation方法中，回退日期后调用_editContext.Validate()重新验证所有字段，自动清除无效的错误标记：

private void Confirmation(bool confirm)
{
    if (!confirm)
    {
        MyModel.TestDate = previousDate;
        // 重新验证表单，同步UI验证状态
        _editContext.Validate();
    }
    ShowPopUp = false;
}

方式2：仅清除目标字段的验证错误

如果不想重新验证整个表单，可以直接清除TestDate字段的验证错误并通知字段变更：

private void Confirmation(bool confirm)
{
    if (!confirm)
    {
        MyModel.TestDate = previousDate;
        var field = _editContext.Field(nameof(MyClass.TestDate));
        // 清除该字段的所有验证错误
        _editContext.ClearValidationMessages(field);
        // 通知EditContext字段已变更，触发UI更新
        _editContext.NotifyFieldChanged(field);
    }
    ShowPopUp = false;
}

额外优化建议 #

可以在触发确认弹窗前先校验日期有效性，避免无效日期进入模型：

private async Task TogglePopUp(DateTime selectedDate)
{
    // 校验日期逻辑合理性（比如对应月份的天数）
    if (selectedDate.Day <= DateTime.DaysInMonth(selectedDate.Year, selectedDate.Month))
    {
        previousDate = MyModel.TestDate;
        MyModel.TestDate = selectedDate;
        ShowPopUp = true;
    }
    else
    {
        // 清除可能产生的临时验证错误
        var field = _editContext.Field(nameof(MyClass.TestDate));
        _editContext.ClearValidationMessages(field);
    }
}

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