必填字段验证器不能正常工作jQuery的选择下拉列表 | 必填字段验证器不能正常工作jQuery的选择下拉列表

本文介绍了必填字段验证器不能正常工作jQuery的选择下拉列表的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我使用JQuery Choosen我的DropDownList但是对于下拉列表中所需的验证器不工作。以下是我的code，请您及时指导在那里我错了。

包含在表单

Choosen插件

  $（选择 - 选择）选择（）。

DropDownList的code

 ＆LT;立GT;
    @ Html.LabelFor（M = GT; m.DepartmentId）
    @ Html.DropDownListFor（X =＆GT; x.DepartmentId，（ViewBag.DepartmentsList）为IEnumerable＆LT; SelectListItem＆gt;中 - 选择一个选项 - 新{@class =选择选，@style =WIDTH ：312px;高度：31px;}）
    @ Html.ValidationMessageFor（M = GT; m.DepartmentId）
＆LT; /李＆GT;

和模型DropDownList的

  [必需（的ErrorMessage =*）]
[显示（NAME =部门名称）]
公众诠释{的DepartmentID获得;组; }

解决方案

jQuery的获选通过使原来选择隐藏更新HTML（样式=显示：无）。默认情况下jquery.validate（1.9.0）忽略隐藏的元素。您可以使用覆盖默认

  $。validator.setDefaults（{
  忽视： []
}）;

I am using JQuery Choosen for my DropDownList but the required validator for that dropdown is not working . Following is my code .Please guide where i am wrong.

Choosen plugin included in the form

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

DropDownList code

<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>

And Model for the DropDownList

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

解决方案

jQuery Chosen updates the html by making the original select hidden (style="Display:none"). By default jquery.validate (1.9.0) ignores hidden elements. You can override the default using

$.validator.setDefaults({
  ignore: []
});

这篇关于必填字段验证器不能正常工作jQuery的选择下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！