Blazor自定义Required验证器不显示字段红框与下方错误信息的解决咨询

我明白你遇到的困扰了——你写的RequiredWhenOtherHasValue自定义验证器确实能在ValidationSummary里输出错误提示，但就是没法让对应的输入框显示红框，也没法让ValidationMessage组件展示错误信息。这其实是因为你的验证结果没有正确关联到目标属性上。

问题根源 #

Blazor的验证系统需要明确知道错误属于哪个属性，才能给对应的输入控件加上错误样式（红框），同时让ValidationMessage组件识别并展示该属性的错误。你原来的代码里返回ValidationResult时，只传递了错误消息，没有指定这个错误对应的属性名称，导致系统无法把错误和目标字段关联起来。

解决方案 #

修改验证器的IsValid方法，在返回ValidationResult时，把当前验证的属性名称传递给构造函数，指定MemberNames参数：

using System.ComponentModel.DataAnnotations;
using System.Reflection;

namespace blazor.Models.Validators
{
public class RequiredWhenOtherHasValue : ValidationAttribute
{
    private readonly string _compareToPropertyName; // 当这个属性有值时，当前属性必填

    public RequiredWhenOtherHasValue(string compareToPropertyName)
    {
        _compareToPropertyName = compareToPropertyName;
    }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (string.IsNullOrEmpty(ErrorMessage)) ErrorMessage = "此字段为必填项";

        var property = validationContext.ObjectType.GetProperty(_compareToPropertyName);

        if (property == null)
            throw new ArgumentException($"未找到名为{_compareToPropertyName}的属性");

        var compareToObject = property.GetValue(validationContext.ObjectInstance);
        if (compareToObject == null || string.IsNullOrEmpty(compareToObject.ToString())) 
            return ValidationResult.Success;
        else if (value == null || string.IsNullOrEmpty(value.ToString()))
            // 关键修改：指定错误对应的属性名称
            return new ValidationResult(ErrorMessage, new[] { validationContext.MemberName });

        return ValidationResult.Success;
    }
}
}

关键修改点解释 #

validationContext.MemberName就是当前正在验证的属性（比如Email1或Email2）的名称，把它加入到ValidationResult的成员名称列表中，Blazor就能准确识别这个错误属于哪个字段，进而：

• 给对应的InputText控件添加错误样式（红框）
• 让绑定该属性的ValidationMessage组件显示错误提示

测试效果 #

修改完验证器后，当你在Name1中输入内容但Email1为空时，Email1的输入框会自动变红，同时下方的ValidationMessage组件会显示你设置的错误提示，ValidationSummary里也会正常展示该错误，完美实现你想要的“条件必填”验证效果。

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