我们如何在mvc3中验证下面的下拉列表?

本文关键字：下拉列表 验证 mvc3 我们 | 更新日期: 2023-09-27 18:08:34

鉴于我有，我不能验证下面的mvc代码

       @Html.DropDownList("PriorityId", (IEnumerable<SelectListItem>)@ViewBag.Priority, "--Please Select One--", new { @id = "ddlPriority", @class = "dropdown" })

在Controller中我有

       private void PriorityDropdownList()
       {
           IEnumerable<SelectListItem> priorityDropdownlist =_PriorityObj.PriorityDropdownlistGet();
           if (priorityDropdownlist != null)
           {
               ViewBag.Priority = priorityDropdownlist;
           }
       }

我们如何在mvc3中验证下面的下拉列表?

尽量避免使用ViewBag/ViewData向视图发送数据。使用强类型视图&带有数据注释的ViewModels 

public class CreateIssueVM
{
  [Required]
  public string Name { set;get;}
  public List<SelectListItem> Priorities { get; set; }
  [Required]
  public int SelectedPriority { set;get;}
}

这里我用Required属性装饰了Name和SelectedPriority属性。这意味着，用户需要输入这些，否则，它将弹出表单提交的验证消息。

在您的GET操作中，设置集合属性值并将其发送给视图。

public ActionResult Create()
{
  var vm=new CreateIssueVM();
  vm.Priorities =GetPriorities();
  return View(vm);
}

假设GetPriorities方法返回SelectListItem优先级的集合。

public List<SelectListItem> GetPriorities()
{
  List<SelectListItem> prioList=new List<SelectListItem>();
  prioList.Add(new SelectListItem { Text = "High", Value = "1" });
  prioList.Add(new SelectListItem { Text = "Low", Value = "2" });
  // to do :read from db and add to list instead of hardcoding
  return prioList;
}

现在在我们的视图中，它是强类型的CreateIssueVM 

@model CreateIssueVM
@using(Html.BeginForm())
{
  @Html.DropDownListFor(x=>x.SelectedPriority,
                     new SelectList(Model.Priorities ,"Value","Text"),"select")
  @Html.ValidationMessageFor(x=>x.SelectedPriority)
  <input type="submit" />
}

提交表单时，可以通过检查ModelState.IsValid属性来检查表单是否有效。

[HttpPost]
public ActionResult Create(CreateIssueVM model)
{
  if(ModelState.IsValid)
  {
    // save and redirect
  }
  vm.Priorities =GetPriorities();
  return View(vm);
}

如果你也想实现客户端验证，你可以在视图中包含相关的jquery不显眼的验证脚本，并在web.config中启用客户端验证。

相关文章：