我的代码是这样的。 内部模型
[Required]
public int ProcedureCategoryID { get; set; }
public virtual ProcedureCategory ProcedureCategory { get; set; }
Inside COntroller
ViewBag.ProcedureCategoryList = new SelectList(db.ProcedureCategories.Where(x => !x.IsMainCat),
"ProcedureCategoryID", "Name");
在视图(编辑)
中 @Html.DropDownList("ProcedureCategoryID", (SelectList)ViewBag.ProcedureCategoryList, "--Select Sub Category--", new { @class = "form-control", @id = "SubCat" })
@Html.ValidationMessageFor(model => model.ProcedureCategoryID)
此下拉数据由jquery动态添加,如此
$('#MainCat').change(function () {
var selectedValue = $('#MainCat').val();
$.post('@Url.Action("GetSubCategory", "Procedure")', { id: selectedValue }, function (data) {
$("#SubCat").empty();
var optionhtml1 = '<option value="' +
0 + '">' + "--Select Sub Category--" + '</option>';
$("#SubCat").append(optionhtml1);
$.each(data, function (i) {
var optionhtml = '<option value="' +
data[i].ProcedureCategoryID + '">' + data[i].Name + '</option>';
$("#SubCat").append(optionhtml);
});
});
});
一切看起来都没问题,但是这个下拉列表没有进行必要的验证。任何人都可以指出我做错了什么?
答案 0 :(得分:2)
您在ajax调用中添加的第一个选项的值为0
,这是一个有效的整数,因此它会通过验证。
改为使用
var select = $("#SubCat");
select.empty().append($('<option></option>').val('').text('--Select Sub Category--'));
$.each(data, function (index, item) {
select.append($('<option></option>').val(item.ProcedureCategoryID).text(item.Name));
});
将添加null
值的第一个选项。
您还应该将该属性更改为可为空int
[Required]
public int? ProcedureCategoryID { get; set; }