Blazor表单验证仅单字段生效问题排查求助

核心问题根源 #

1. 自定义输入组件的内部InputText未绑定For表达式，导致Blazor验证系统无法将输入控件与模型字段正确关联，多字段时验证上下文彻底混乱。
2. 同时使用@bind-Value和自定义OnInput事件，造成值变更重复触发，干扰验证状态的正常更新。
3. 在Value属性的setter中手动调用ValueChanged.InvokeAsync，而@bind-Value本身已自动处理该回调，重复调用破坏了表单状态跟踪机制。

修复步骤 #

1. 重构自定义输入组件 #

移除冗余的事件处理和手动回调调用，确保内部InputText与For表达式绑定，让验证系统正确关联模型字段：

@using System.Linq.Expressions

<div class="input-group mb-3">
    <span class="input-group-text" id="@Id">@Label</span>
    <!-- 将For参数传递给内部InputText，建立验证关联 -->
    <InputText @bind-Value="@Value" For="@For" type="text" class="form-control" placeholder="@PlaceHolder" aria-label="@Label" aria-describedby="@Id" />
    <ValidationMessage For="@For" />
</div>

@code {
    [Parameter]
    public string Id { get; set; }

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

    [Parameter]
    public string PlaceHolder { get; set; }

    [Parameter]
    public string Value { get; set; }

    [Parameter]
    public EventCallback<string> ValueChanged { get; set; }

    [Parameter, EditorRequired]
    public Expression<Func<string>> For { get; set; }

    // 移除冗余的OnFormChange参数和自定义OnInput方法
}

2. 修正页面表单的组件调用 #

去掉For表达式中多余的@符号，确保语法正确：

...
<div class="container-sm">
    <Web.Components.Modal Id="exampleModal" Title="Fegyver bevezetése" OnSave="HandleSave" TriggerValidation="Validate" IsValid="@ModalIsValid">
        <EditForm Model="@weaponUnderEdit" OnValidSubmit="HandleValidSubmit" OnInvalidSubmit="HandleInvalidSubmit">
            <DataAnnotationsValidator />
            <!-- 修正For表达式写法 -->
            <Web.Components.TextInput Id="weight" Label="Súly" PlaceHolder="Súly pl.: 0.3 (Tőr), 2.5 (Csatacsákány)" @bind-Value="@weaponUnderEdit.Weight" For="@(() => weaponUnderEdit.Weight)" />
            <Web.Components.TextInput Id="price" Label="Ár" PlaceHolder="Ár pl.: 1a 2e 3r, 1e 50r" @bind-Value="@weaponUnderEdit.Price" For="@(() => weaponUnderEdit.Price)" />
            <ValidationSummary />
        </EditForm>
    </Web.Components.Modal>
</div>
...

3. 验证模型规则（可选） #

注意到模型中Price字段的正则表达式是匹配数字格式，但占位符示例包含"1a 2e 3r"这类非数字内容，如果这是实际需求，需要调整RegularExpression注解的规则，否则当前正则是正确的。

原理说明 #

• Blazor的DataAnnotationsValidator依赖For表达式来跟踪每个模型字段的验证状态，内部输入控件必须绑定对应的For，才能让ValidationMessage正确显示该字段的错误信息。
• @bind-Value是Blazor提供的语法糖，已经封装了值变更的回调逻辑，额外的自定义事件和手动回调会导致状态更新冲突，单字段时可能表现正常，但多字段时会彻底打乱验证系统的状态跟踪。

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