使用默认占位符字符串向 InputSelect 添加验证

Question

我正在使用这样的 InputSelect：

<InputSelect @bind-Value="ExampleName">
    <option>---</option>
    @foreach (var item in itemList)
    {
        <option>@item.Name</option>
    }
</InputSelect>
<ValidationMessage For="@(() => ExampleName)" />

验证是这样实现的：

[Required(ErrorMessage = "Custom error message")]
public string ExampleName { get; set; }

如果我从输入选择中不选择任何内容，则验证工作正常，因为 ExampleName 不包含任何内容，因此[Required]属性未满足。 但是一旦我选择了一个有效的选项，并再次选择占位符 (---)，验证就会告诉我，输入是有效的。 当然是这样，因为---是一个字符串，但我不希望它有效。

如何将此选项包含为无效？

Answer 1

我花了一些时间，但是一个简单的value=""添加到选项中，如下所示：

<option value="">---</option>

解决了这个问题，因为绑定到 InputSelect 的值现在只包含一个空字符串而不是字符串“---”。