必填字段验证器不适用于 JQuery 个选定的下拉列表

Required Field Validator not working for JQuery chosen drop down list

我正在为我的 DropDownList 使用 JQuery Choosen,但该下拉列表所需的验证器不起作用。以下是我的代码。请指导我哪里错了。

选择的插件包含在表单中

 $(".chosen-select").chosen();

下拉列表代码

<li>
    @Html.LabelFor(m => m.DepartmentId)
    @Html.DropDownListFor(x => x.DepartmentId, (ViewBag.DepartmentsList) as IEnumerable<SelectListItem>, "-- Select an Option --",new { @class = "chosen-select", @style = "width:312px; height:31px;" })
    @Html.ValidationMessageFor(m => m.DepartmentId)
</li>

以及 DropDownList 的模型

[Required(ErrorMessage = "*")]
[Display(Name = "Department Name")]
public int DepartmentId { get; set; }

jQuery Chosen 通过隐藏原始 select(样式="Display:none")来更新 html。默认情况下 jquery.validate (1.9.0) 忽略隐藏元素。您可以使用

覆盖默认值
$.validator.setDefaults({ 
  ignore: []
});