为何Html.TextBox不生成data-val属性而Html.TextBoxFor可以？

为什么弱类型Html.TextBox不生成data-val属性 #

• 强类型Html.TextBoxFor基于模型表达式工作，能直接关联模型的DataAnnotations验证特性。Razor引擎会解析表达式对应的模型属性，读取其上的[Required]、[StringLength]等验证规则，自动生成data-val系列属性（如data-val="true"、data-val-required="此字段为必填项"）。
• 弱类型Html.TextBox仅负责生成基础input元素，它仅接收一个名称字符串参数，Razor无法通过该字符串反向定位到对应模型属性及验证规则，因此不会自动生成验证相关的data-val属性。

复杂列表结构下的解决办法 #

针对你需要为列表元素定义带GUID的特定名称，同时保留客户端验证的需求，提供三种可行方案：

方案1：手动添加data-val属性 #

直接为Html.TextBox手动指定验证属性，对应模型上的DataAnnotations规则：

@Html.TextBox($"Items[{guid}].Name", null, new {
    data_val = "true",
    data_val_required = "名称不能为空",
    data_val_stringlength = "名称长度不能超过50个字符",
    data_val_stringlength_max = "50"
})
@Html.ValidationMessage($"Items[{guid}].Name")

方案2：强类型表达式+自定义名称（推荐） #

利用强类型表达式让Razor自动生成验证属性，同时通过Name参数覆盖默认命名：

// 假设Model.Items是你的列表集合，index为当前元素索引，guid为元素唯一标识
@Html.TextBoxFor(m => m.Items[index].Name, new {
    Name = $"Items[{guid}].Name",
    Id = $"Items_{guid}_Name"
})
@Html.ValidationMessageFor(m => m.Items[index].Name)

这种方式既保留了强类型验证的自动生成能力，又满足了带GUID的命名需求。

方案3：JS手动注册验证规则 #

通过jQuery Validation API为指定input动态添加验证规则：

$(function() {
    $("#Items_@guid__Name").rules("add", {
        required: true,
        maxlength: 50,
        messages: {
            required: "名称不能为空",
            maxlength: "名称长度不能超过50个字符"
        }
    });
});

需确保页面已加载jQuery Validation和jQuery Unobtrusive Validation脚本。

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