能否用单个参数实现Blazor双向绑定与同一属性的验证表达式？

核心问题解决：单次属性引用实现双向绑定+验证 #

你当前需要重复写@bind-Value和ValidationFor的核心原因是组件分开处理了绑定值和验证表达式。可以通过利用表达式解析能力，用单个参数同时关联双向绑定和验证逻辑，彻底消除重复引用。

方案1：手动重构组件（不依赖InputBase）

修改组件参数，用单个For表达式参数替代原来的Value、ValueChanged和ValidationFor，通过Blazor的FieldIdentifier关联EditContext字段：

@using System.Linq.Expressions;
@using Microsoft.AspNetCore.Components.Forms;

<div class="col-12">
    <label class="form-label" for="@ID">@DisplayLabel</label>
    <textarea @bind="CurrentValue" id="@ID" class="@ValidationCssClass" rows="2" />
    <ValidationMessage For="@For" />
</div>

@code {
    [Parameter, EditorRequired]
    public Expression<Func<string>> For { get; set; } = default!;

    [Parameter]
    public string? ID { get; set; } = Guid.NewGuid().ToString();

    [Parameter]
    public string? Label { get; set; }

    [CascadingParameter]
    private EditContext? EditContext { get; set; }

    private FieldIdentifier FieldIdentifier => FieldIdentifier.Create(For);
    private string DisplayLabel => Label ?? FieldIdentifier.GetDisplayName();

    private string CurrentValue
    {
        get => EditContext?.Field(FieldIdentifier).CurrentValue as string ?? string.Empty;
        set
        {
            if (EditContext == null) return;
            
            var field = EditContext.Field(FieldIdentifier);
            if (!EqualityComparer<string>.Default.Equals(value, field.CurrentValue as string))
            {
                EditContext.SetFieldValue(field, value);
                EditContext.Validate();
            }
        }
    }

    private string ValidationCssClass
    {
        get
        {
            if (EditContext == null) return "form-control";
            
            var fieldState = EditContext.GetFieldState(FieldIdentifier);
            return $"form-control {(fieldState.IsModified ? "modified" : "")} {EditContext.FieldCssClass(FieldIdentifier)}";
        }
    }
}

使用方式（只需写一次属性引用）：

<FormTextArea For="() => User.FirstName" Label="姓名" />

关键改进点：

• 用FieldIdentifier从For表达式中解析字段信息，同时关联双向绑定和验证
• 直接通过EditContext读写字段值，无需手动维护Value和ValueChanged
• 利用EditContext的GetFieldState判断字段是否修改，替代手动维护的IsModified
• 自动从字段标识获取显示名，无需额外工具类（如果字段有[DisplayName]特性会自动生效）

方案2：继承InputBase基类（更简洁）

Blazor的InputBase<T>已经封装了双向绑定、验证状态处理等核心逻辑，直接继承可以大幅减少重复代码：

@inherits InputBase<string>

<div class="col-12">
    <label class="form-label" for="@ID">@DisplayLabel</label>
    <textarea @bind="CurrentValue" id="@ID" class="@CssClass" rows="2" />
    <ValidationMessage For="@ValueExpression" />
</div>

@code {
    [Parameter]
    public string? ID { get; set; } = Guid.NewGuid().ToString();

    [Parameter]
    public string? Label { get; set; }

    private string DisplayLabel => Label ?? FieldIdentifier.GetDisplayName();

    protected override bool TryParseValueFromString(string? value, out string? result, out string validationErrorMessage)
    {
        result = value ?? string.Empty;
        validationErrorMessage = string.Empty;
        return true;
    }

    protected override string CssClass => $"form-control {(FieldIdentifier.FieldState.IsModified ? "modified" : "")} {base.CssClass}";
}

使用方式：

<FormTextArea @bind-Value="User.FirstName" Label="姓名" />

优势：

• 完全复用Blazor原生的绑定和验证逻辑，无需自己处理EditContext细节
• ValueExpression自动从@bind-Value生成，无需额外传递验证表达式
• 代码量大幅减少，维护成本更低

其他优化建议 #

1. 移除手动验证触发：原来组件中手动调用EditContext.Validate()和NotifyValidationStateChanged()是多余的，EditContext在字段值变更后会自动处理验证状态更新。
2. 空值处理：确保textarea的绑定值不会返回null，避免前端显示异常（上述方案中已处理）。
3. 必填参数标记：用[EditorRequired]标记核心参数（如For），编译时就能检测到缺失引用。
4. CSS类优化：可以把form-control、modified等样式封装成固定类，或者支持自定义样式参数，提升组件灵活性。

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