Question

查看：

@Html.DropDownList("CategoryItems", null, new { @class = "ddlcs" })
@Html.ValidationMessage("CategoryItems")

控制器：

var cat = from s in db.CategoryDbSet
          where s.IsActive == true
          orderby s.CatName
          select new { s.CatID, s.CatName };

var catListItems = cat.ToList()
                      .Select(c => new SelectListItem   
                             {
                                 Text = c.CatName,
                                 Value = c.CatID.ToString()
                             })
                       .ToList();

catListItems.Insert(0, new SelectListItem 
                           {
                               Text = "[--Select the category--]", 
                               Value = "" 
                           });

ViewBag.CategoryItems = catListItems;

当有人在保存操作期间选择“选择类别”选项时，我希望在下拉列表中强制执行所需的验证。我是MVC框架的新手，我不确定我在哪里犯这个错误？此下拉列表与模型无关。

请建议解决。

Answer 1

此下拉列表与模型无关。

这是错误的。 ASP.NET MVC中的验证通过使用相应属性修饰视图模型属性来工作。例如，如果要进行此下拉列表，则应使用[Required]属性修饰视图模型上的相应属性。

因此，需要为现有视图模型添加必要的属性：

public class MyViewModel
{
    [Required]
    public int? SelectedCategoryId { get; set; }

    public IEnumerable<SelectListItem> Categories { get; set; }

    ... some other properties that your view might need
}

然后在您的控制器操作中填充此视图模型：

var model = new MyViewModel();
model.Categories = cat
    .ToList()
    .Select(c => new SelectListItem   
    {
        Text = c.CatName,
        Value = c.CatID.ToString()
    }).ToList();

return View(model);

并在您的视图中使用强类型的帮助程序版本：

@Html.DropDownListFor(
    x => x.SelectedCategoryId,
    Model.Categories, 
    "[--Select the category--]", 
    new { @class = "ddlcs" }
)
@Html.ValidationMessageFor(x => x.SelectedCategoryId)

Answer 2

如果您只想进行客户端验证，可以这样做：

$('form').validate({
    rules:{
        CategoryItems: 'required'
    }
});

Working demo

但我不建议这样做，因为客户端验证是为了获得更好的用户体验并且可以轻松绕过。使用数据注释和视图模型在Darin的答案中描述了执行此操作的正确方法。

Dropdownlist客户端需要验证（没有型号）

2 个答案: