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

Question

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

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

ResourceCount 视图模型由一个“id”（用于存储所选下拉值）和一个“quantity”（用于数字字段）组成。

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

编辑： 接受的答案中有很多好的建议。我在控制器发布操作中进行了简单的检查：

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> 属性），则不显眼的验证将不起作用，因为将规则添加到$.validator 所需的data-val-* 属性只有在您包含集合属性的输入（而不是集合中每个对象的每个属性），这意味着 ModelBinding 将失败。

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

在客户端，您可以处理<select> 的.change() 事件并检查之前的选择是否匹配，如果匹配则显示错误消息。您没有显示您的模型或视图，而是基于以下 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> 中隐藏/显示（或禁用）选项，以防止用户首先做出无效选择，但如果您动态添加/删除项目和/或当您查看正在编辑属性已经具有选定值的现有数据（如果你想实现它，我会留给你一个新问题来显示你的尝试）。

在服务器端，可以检查是否有重复值，如果有，则添加ModelState错误并返回视图，例如

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");
}

然后将显示在视图中@Html.ValidationSummary()。

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

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

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

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