Blazor Server中[Url]数据注解验证：清空文本框后错误提示未消失

问题根源在于默认的[Url]验证规则：即便没加[Required]，当属性值为空字符串时，它仍会判定为无效URL，导致错误提示无法自动清除。以下是两种实用解决方法：

方法一：自定义验证属性 #

创建继承自UrlAttribute的自定义属性，重写验证逻辑，允许空值/空字符串通过验证：

using System.ComponentModel.DataAnnotations;

public class OptionalUrlAttribute : UrlAttribute
{
    public override bool IsValid(object value)
    {
        // 空值或空字符串直接通过验证
        if (value == null || string.IsNullOrWhiteSpace(value.ToString()))
        {
            return true;
        }
        // 非空值执行默认URL格式验证
        return base.IsValid(value);
    }
}

将模型中的[Url]替换为自定义属性即可：

[OptionalUrl]
public string WebsiteURL { get; set; }

方法二：内置属性组合（适用于.NET Core 3.1+） #

通过[Required(AllowEmptyStrings = true)]与[Url]组合，允许空字符串通过验证：

[Required(AllowEmptyStrings = true)]
[Url]
public string WebsiteURL { get; set; }

同时确保Blazor页面的验证组件绑定正确，示例代码：

<EditForm Model="@yourModel" OnValidSubmit="@HandleValidSubmit">
    <DataAnnotationsValidator />
    <InputText @bind-Value="yourModel.WebsiteURL" />
    <ValidationMessage For="@(() => yourModel.WebsiteURL)" />
    <button type="submit">提交</button>
</EditForm>

修改完成后，清空文本框时验证会自动通过，错误提示也会随之消失。

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