Blazor EditForm的Url属性清空校验失败，如何将空字符串转null绕过验证

问题原因 #

该问题是.NET官方确认的设计行为：Blazor的双向绑定逻辑不会识别[DisplayFormat(ConvertEmptyStringToNull = true)]特性，该特性仅适用于ASP.NET Core MVC的服务端模型绑定流程。而内置[Url]校验特性的逻辑为：仅当属性值为null时跳过校验，值为空字符串时仍会触发URL格式校验。当你清空已有值的输入框时，InputText组件返回的是空字符串而非null，因此触发校验失败。

可用解决方案 #

方案1：在属性setter中自动转换空字符串为null #

这是成本最低的修复方案，直接在属性赋值时处理空值，无需修改表单代码：

private string? _link;
[Url]
public string? Link 
{
    get => _link;
    set => _link = string.IsNullOrWhiteSpace(value) ? null : value;
}

方案2：自定义宽松版URL校验特性 #

如果你有多处类似需求，可以继承内置UrlAttribute改写校验逻辑，兼容空字符串场景：

public class OptionalUrlAttribute : UrlAttribute
{
    public override bool IsValid(object? value)
    {
        if (value is string str && string.IsNullOrWhiteSpace(str))
        {
            return true;
        }
        return base.IsValid(value);
    }
}

使用时把原属性上的[Url]替换为[OptionalUrl]即可。

方案3：显式处理InputText的绑定逻辑 #

也可以不使用默认双向绑定，手动控制值的转换：

<div class="form-group">
    <label for="Link">Link</label>
    <InputText 
        Value="Item.Link" 
        ValueChanged="(val) => Item.Link = string.IsNullOrWhiteSpace(val) ? null : val"
        ValueExpression="@(() => Item.Link)"
        class="form-control"/>
    <ValidationMessage For=@(() => Item.Link)/>
</div>

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