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

Question

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

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

ResourceCount 视图模型包含用于存储下拉值 selected 的 "id" 和用于数字字段的 "quantity"。

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

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

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 不显眼的客户端验证根本不可能。

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

相反，如果您将 ValidationAttribute 应用到集合（例如 List<T> 属性），不显眼的验证将不起作用，因为添加规则所必需的 data-val-* 属性$.validator 只有在包含集合属性的输入（而不是集合中每个对象的每个属性）时才能生成，这意味着 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 的工作示例。

或者，您可以 hide/show（或禁用）每个 <select> 中的选项，以防止用户首先做出无效选择，但如果您动态 adding/deleting，这将变得更加复杂项目，and/or 当您的视图正在编辑属性已经具有选定值的现有数据时（如果您想实现它，我将把它留给您提出一个显示您尝试的新问题）。

在服务器端，您可以检查重复值，如果是，添加一个ModelState错误和return视图，例如

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

并将脚本修改为 add/remove ValidationMessageFor() 生成的 <span> 元素的消息（即代替上面显示的 <div class="error"> 元素）

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

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

Validate dropdown item does not occur more than once in a list of dropdown fields with the same id

c#

asp.net-mvc

jquery

unobtrusive-validation