使用默认占位符字符串向 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 的值现在只包含一个空字符串，而不是字符串“---”。