我的下拉菜单上的淘汰验证不起作用

我使用 durandal 模板+微风开发一个 ASP.NET MVC 项目。

我想在我的视图上定义验证逻辑以进行添加/编辑操作。

到目前为止，它适用于文本，从数据库填充的下拉列表：当元素不包含任何数据时，由于剔除验证，该元素被标记为红色。

但它不适用于从简单列表填充的下拉列表。

填充列表的元素来自枚举：

public class Transport
{
    [Key]
    int id { get; set; }
    ...
    [Required]
    public EnumCategory Category { get; set; }
}

public enum EnumCategory
{
    Cat1,
    Cat2,
    Cat3
}

第一个问题：我不知道是否可以从我的模型（服务器端）检索枚举以在客户端使用它？现在，我创建了一个数组客户端来填充我的下拉列表：

var categories = [
    { id: 1, description: "Cat1" },
    { id: 2, description: "Cat2" },
    { id: 3, description: "Cat3" }];

第二个问题：显示我的视图时，如果类别下拉列表已包含一些数据，则验证有效（我的意思是，如果用户清除下拉列表，则该字段将标记为红色）。但是，如果显示视图时类别下拉列表不包含任何数据，则下拉列表不会标记为红色。

当验证失败时，我所做的就是更改元素的背景颜色（如果无效）（感谢 css 'input-validation-error' >> 红色）。

<select data-bind="options: $root.categories,
                   optionsText: 'description',
                   optionsValue: 'id',
                   optionsCaption: 'Choose...',
                   value: category,
                   validationOptions: { errorElementClass: 'input-validation-error' },
                   valueUpdate: 'afterkeydown'">
</select>

有谁知道为什么我的下拉菜单验证不起作用？

Thanks.

我也偶然发现了这个，经过一番尝试和错误后，我发现了以下内容：

验证失败是因为 optionsCaption 使用 undefined 作为值。

您的模型显然使用 '' （在我的例子中它为空） 由于 null != undefined 它以某种方式全部崩溃了。

知道了这一点，解决办法有两种：

1. 在模型上将值设置为未定义（在您的示例中transport.category（未定义））并像您习惯的那样使用optionsCaption
2. 自己添加一个自定义的空 selectItem 并跳过 optionsCaption （您使用的解决方案）