如何消除@Html.ValidationMessageFor的「The value 'null' is invalid」错误提示

云上老周

2026-7-22

解决Kendo EnumDropDownList自定义Required验证信息不显示的问题

问题原因

你的DayOfWeek?是可空枚举类型，当选择下拉框的空选项时，Kendo组件会提交空字符串而非null。ASP.NET MVC在绑定空字符串到可空枚举时，会触发类型转换验证错误，该错误优先级高于[Required]注解的自定义错误，因此显示系统默认的「The value 'null' is invalid」提示。

解决方案

方案1：给模型字段添加`DisplayFormat`注解

在模型的DayOfWeek字段上添加[DisplayFormat(ConvertEmptyStringToNull = true)]，让MVC自动将提交的空字符串转换为null，从而触发[Required]的自定义错误提示：

[Required(ErrorMessage = "Please enter Day")]
[DisplayFormat(ConvertEmptyStringToNull = true)]
public DayOfWeek? DayOfWeek { get; set; }

方案2：修改Kendo下拉框的空选项值

调整OptionLabel的设置，明确指定空选项的Value为""（空字符串），配合方案1的注解效果更稳定：

@(Html.KendoEnumDropDownListFor(x => x.DayOfWeek, 
    new { id = "DayOfWeekDropDown", @Name = "select-view", @Class = "select-view right" }, 
    true, false)
    .OptionLabel(new SelectListItem { Text = " ", Value = "" })
    .HtmlAttributes(new { @id = "DayOfWeekDropDown" }))

方案3：覆盖客户端验证的类型错误消息

如果客户端验证导致系统提示出现，可以通过jQuery Validate修改对应控件的错误消息。在视图底部添加以下脚本：

$(function() {
    var validator = $("#DayOfWeekDropDown").closest("form").data("validator");
    if (validator && validator.settings.rules.DayOfWeek?.enum) {
        validator.settings.messages.DayOfWeek.enum = "Please enter Day";
    }
});