c# - 验证下拉项在具有相同 ID 的下拉字段列表中不会多次出现

Question

我有一个表单，用户可以根据需要添加任意数量的行。每次他们都应该从提供的下拉列表中选择不同的选项。目前没有验证可以阻止他们多次选择相同的值。

每一行都是一个“ResourceCount”。ViewModel 有一个 ResourceCountViewModel 的 IList，因此每一行都作为一个项目添加到列表中。

ResourceCount View 模型包含一个用于存储所选下拉值的“id”和一个用于数字字段的“数量”。

我想不出在这种情况下使用 Compare 注释的方法。我如何为此实现适当的验证？

编辑:接受的答案中有很多好的建议。我在 Controller 后操作中进行了简单检查:

if (resourceCounts.Count != resourceCounts.Where(d => d.Id!= 0)
                                          .Select(x => x.Id)
                                          .Distinct()
                                          .Count())
{

ModelState.AddModelError(string.Empty, "You can't select the same option more than once");
//etc.

}

Answer 1

这根本不可能使用 ValidationAttribute (内置的或自定义的)和 MVC 的不显眼的客户端验证。

验证属性应用于模型(您的类)的属性，并且检查验证的上下文仅针对该实例 - 它不知道集合中模型的其他实例，因此无法与其他实例进行比较实例。

相反，如果您应用 ValidationAttribute对于集合(例如 List<T> 属性)，不引人注目的验证将不起作用，因为 data-val-*向 $.validator 添加规则所需的属性只有在包含集合属性的输入(而不是集合中每个对象的每个属性)时才能生成，这意味着 ModelBinding会失败。

您需要编写自己的 Controller 代码和脚本来实现自定义验证。

在客户端，您可以处理 .change() <select> 事件并检查之前的选择是否匹配，如果匹配则显示错误消息。您没有显示您的模型或 View ，而是基于以下 html(对集合中的每个对象重复

<select class="select" .....>
    <option value="">Please select</option>
    <option value="1">On-call</option>
    ....
<select>
<div class="error"></div> // see notes below if you using ValidationMessageFor()

那么脚本就是

var errors = $('.error');
var selects = $('.select');
$('.select').change(function() {
  var selected = $.map(selects, function(s, i) {
    return $(s).val();
  })
  $.each(selects, function(i, s) {
    var error = $(this).next('.error');
    var val = $(this).val();
    var index = i;
    if ($(this).val()) {
      var others = selected.filter(function(s, i) {
        if (i != index) {
          return s;
        }
      });
      if (others.indexOf(val) > -1) {
        error.text('Please make a unique selection');
      } else {
        error.text('');
      }
    } else {
      error.text('');
    }

  })
})

引用this fiddle一个工作示例。

或者，您可以在每个 <select> 中隐藏/显示(或禁用)选项以防止用户首先做出无效选择，但是如果您动态添加/删除项目，和/或当您的 View 正在编辑属性已经具有选定值的现有数据时，这会变得更加复杂(我将把它留给如果你想实现它，你可以问一个新问题来展示你的尝试)。

在服务器端，你可以检查重复值，如果是，添加一个ModelState错误并返回 View ，例如

var selected = new List<int>();
for (int i = 0 i < model.Count; i++)
{
    if (selected.Contains(model[i].YourProperty))
    {
        ModelState.AddModelError("", "Please make a unique selection");
        break;
    }
    else
    {
        selected.Add(model[i].YourProperty);
    }
}
if (!ModelState.IsValid)
{
    return View(model);
}
....

或者使用 linq

if (model.Select(x => x.YourProperty).GroupBy(x => x).Any(g => g.Count() > 1))
{
    ModelState.AddModelError("", "Please make a unique selection");
}

然后将显示在 View 中 @Html.ValidationSummary() .

如果您使用 @Html.ValidationMessageFor(m => m[i].YourProperty)在每个下拉列表的 View 中，可以将上面的循环修改为

if (selected.Contains(model[i].YourProperty))
{
    var propertyName = string.Format("[{0}].yourPropertyName", i);
    ModelState.AddModelError(propertyName, "Please make a unique selection");
    break;
}

并修改脚本以添加/删除 <span> 的消息ValidationMessageFor() 生成的元素(即代替上面显示的 <div class="error"> 元素)

附带说明一下，如果您想了解有关验证属性如何与客户端验证结合使用的更多信息，我建议阅读 The Complete Guide To Validation In ASP.NET MVC 3 - Part 2 .