MVC 5 Razor循环中索引字段的验证消息显示异常问题

嘿，兄弟，我一眼就看出问题出在哪了——你的ViewModel和视图的绑定逻辑不匹配，导致MVC误解了你要绑定的数据类型，才会出现那个莫名其妙的"The Char field is required."错误！

问题根源 #

你ViewModel里定义的FirstName、Email这些都是单个字符串属性，但在视图里你却用了model.FirstName[cnt]这种数组索引的写法。MVC看到这种索引访问，会默认把它当成char[]（因为string本质上是char的数组）来处理，所以验证的时候触发的是char类型的必填提示，完全忽略了你加在string属性上的[Required]注解！

解决方案 #

你需要把ViewModel里的单个字符串属性改成集合类型（比如List<string>或者string[]），这样视图里的索引访问才会正确绑定到集合元素，验证注解也能正常生效。

第一步：修改ViewModel

把原来的单个字符串属性改成集合，并且可以用[Required]注解集合本身（如果需要确保至少有一个参会者的话），同时保留字段级的注解：

public class YourViewModel // 替换成你的ViewModel实际类名
{
    public int AttendeeCount { get; set; }
    public int AdultCount { get; set; }

    // 改成List<string>集合，初始化空集合避免空引用
    [Required(ErrorMessage = "First Name is required for each attendee")]
    [StringLength(50, ErrorMessage = "First Name cannot be longer than 50 characters.")]
    [Display(Name = "First Name", Prompt = "Attendee First Name")]
    public List<string> FirstName { get; set; } = new List<string>();

    [Required(ErrorMessage = "Last Name is required for each attendee")]
    [StringLength(50, ErrorMessage = "Last Name cannot be longer than 50 characters.")]
    [Display(Name = "Last Name", Prompt = "Attendee Last Name")]
    public List<string> LastName { get; set; } = new List<string>();

    [Required(ErrorMessage = "PhoneNumber is required for each attendee")]
    [Display(Name = "Cell Phone")]
    [DataType(DataType.PhoneNumber)]
    public List<string> CellPhone { get; set; } = new List<string>();

    [Required(ErrorMessage = "Email is required for each attendee")]
    [Display(Name = "Email")]
    [DataType(DataType.EmailAddress)]
    public List<string> Email { get; set; } = new List<string>();
}

注意：记得在Controller初始化ViewModel时，根据AdultCount给集合预分配元素，避免视图渲染时出现空引用：

var model = new YourViewModel();
model.AdultCount = 2; // 示例：2个成人参会者
for(int i=0; i<model.AdultCount; i++){
    model.FirstName.Add("");
    model.LastName.Add("");
    model.CellPhone.Add("");
    model.Email.Add("");
}
return View(model);

第二步：调整视图代码

1. 去掉手动添加的required="required"属性——数据注解会自动生成客户端验证规则，手动添加会和服务器端验证冲突。
2. 修正索引逻辑：集合是0基的，直接用循环的i作为索引就行，不需要额外的cnt变量（避免索引越界）：

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "createform" }))
{
    <div class="form-horizontal">
        @Html.ValidationSummary(true)
        @if (Model != null && Model.AdultCount > 0)
        {
            for (int i = 0; i < Model.AdultCount; i++)
            {
                <div id="div_@(i+1)">
                    <div>Adult @(i+1)</div>
                    <div class="form-group">
                        @Html.LabelFor(model => model.FirstName[i], new { @class = "control-label col-md-2" })
                        <div class="col-md-6">
                            @Html.EditorFor(model => model.FirstName[i], new { htmlAttributes = new { @class = "form-control", title = "First Name is required" } })
                            @Html.ValidationMessageFor(model => model.FirstName[i], "", new { @class = "text-danger" })
                        </div>
                    </div>
                    <!-- 其他字段同理修改索引 -->
                    <div class="form-group">
                        @Html.LabelFor(model => model.Email[i], htmlAttributes: new { @class = "control-label col-md-2" })
                        <div class="col-md-6">
                            @Html.EditorFor(model => model.Email[i], new { htmlAttributes = new { @class = "form-control", title = "Email is required" } })
                            @Html.ValidationMessageFor(model => model.Email[i], "", new { @class = "text-danger" })
                        </div>
                    </div>
                </div>
            }
        }
    </div>
}

为什么这样改就生效？ #

• 当ViewModel用List<string>时，model.FirstName[i]会被MVC正确识别为集合中的第i个字符串元素，而不是char数组的索引。
• 数据注解会被应用到每个集合元素上，服务器端验证和客户端验证都会使用你自定义的错误提示，而不是默认的char类型提示。
• 去掉手动的required属性，避免和MVC自动生成的验证规则冲突，确保验证逻辑统一。

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