ASP.NET MVC列表模型：如何为单个项覆盖[Required]必填属性

我在ASP.NET MVC中使用List<NameAddressModel>作为模型，其中InputFirstName字段标记了[Required]属性，默认会对所有列表项生效。但我只需要三个InputFirstName中的两个为必填项，第三个无需必填。请问如何实现该需求？是否需要更换[Required]属性的使用方式？

我的模型类：

[Required]
[Display(Name = "First Name")]
public string? InputFirstName { get; set; }

视图代码：

for (var i = 0; i < 3; i++)
{
    <div> 
        <label asp-for="InputFirstName[i]"></label>
        <input class="form-control" asp-for=InputFirstName[i]  />
    </div>
}

不需要完全抛弃[Required]属性，有几种灵活的实现方式：

方法一：自定义验证属性（推荐，前后端验证统一） #

创建一个依赖列表索引的自定义验证属性，只对指定索引的项应用必填规则：

public class RequiredForIndexesAttribute : ValidationAttribute
{
    private readonly int[] _requiredIndexes;

    public RequiredForIndexesAttribute(params int[] requiredIndexes)
    {
        _requiredIndexes = requiredIndexes;
        ErrorMessage = "{0} is required";
    }

    protected override ValidationResult? IsValid(object? value, ValidationContext validationContext)
    {
        // 获取当前模型在列表中的索引
        var indexProperty = validationContext.ObjectInstance.GetType().GetProperty("Index");
        if (indexProperty == null)
            return ValidationResult.Success;

        int index = (int)indexProperty.GetValue(validationContext.ObjectInstance)!;
        
        // 检查当前索引是否在必填列表中，且值为空
        if (_requiredIndexes.Contains(index) && string.IsNullOrWhiteSpace(value?.ToString()))
        {
            return new ValidationResult(string.Format(ErrorMessage, validationContext.DisplayName));
        }

        return ValidationResult.Success;
    }
}

修改模型类，添加Index属性并应用自定义验证：

public class NameAddressModel
{
    // 存储当前项在列表中的索引
    public int Index { get; set; }

    [RequiredForIndexes(0, 1)] // 指定索引0和1的项必填
    [Display(Name = "First Name")]
    public string? InputFirstName { get; set; }
}

视图中绑定Index属性（用隐藏域即可）：

for (var i = 0; i < 3; i++)
{
    <div> 
        <input type="hidden" asp-for="@Model[i].Index" value="@i" />
        <label asp-for="@Model[i].InputFirstName"></label>
        <input class="form-control" asp-for="@Model[i].InputFirstName" />
        <span asp-validation-for="@Model[i].InputFirstName" class="text-danger"></span>
    </div>
}

方法二：视图层面移除第三个项的必填验证+后端手动校验 #

如果不想修改模型，可以在视图中针对第三个输入框移除HTML5必填属性，同时在后端手动验证前两个项：

视图修改： #

for (var i = 0; i < 3; i++)
{
    <div> 
        <label asp-for="InputFirstName[i]"></label>
        @if (i == 2)
        {
            // 第三个输入框移除required属性
            <input class="form-control" asp-for="InputFirstName[i]" asp-route-required="false" />
        }
        else
        {
            <input class="form-control" asp-for="InputFirstName[i]" />
        }
        <span asp-validation-for="InputFirstName[i]" class="text-danger"></span>
    </div>
}

后端控制器验证： #

[HttpPost]
public IActionResult YourAction(List<NameAddressModel> model)
{
    // 手动验证前两个项的InputFirstName
    for (int i = 0; i < 2; i++)
    {
        if (string.IsNullOrWhiteSpace(model[i].InputFirstName))
        {
            ModelState.AddModelError($"InputFirstName[{i}]", "First Name is required");
        }
    }

    if (!ModelState.IsValid)
    {
        return View(model);
    }

    // 后续业务逻辑
    return RedirectToAction("Success");
}

注意：这种方法需要前后端分别处理，容易出现验证不一致的情况，不如自定义属性严谨。

方法三：拆分模型（适合固定数量的场景） #

如果始终只需要三个项，也可以把列表拆成三个独立的模型属性，分别控制必填：

public class ParentModel
{
    [Required]
    [Display(Name = "First Name 1")]
    public string? InputFirstName1 { get; set; }

    [Required]
    [Display(Name = "First Name 2")]
    public string? InputFirstName2 { get; set; }

    [Display(Name = "First Name 3")]
    public string? InputFirstName3 { get; set; }
}

视图直接绑定这三个属性即可，这种方式最简单，但灵活性较差，仅适合固定数量的场景。

内容的提问来源于stack exchange，提问作者NovaDev