通过验证属性添加自定义 html 属性

Question

在 mvc5 中，每当您使用[MaxLength(10)]属性时，它都会生成以下 html 属性：

`data-val-maxlength="The field Email must be a string or array type with a maximum length of '10'."

这很好，很有用，但我希望做的就是防止用户在达到最大长度后输入。 为此，我可以使用 html 属性maxlength现在，我想弄清楚的是如何将自定义属性注入到 html 字段中，而它没有前缀data-val-

我尝试通过IClientValidatable执行此IClientValidatable但这会生成 data-val- 前缀。 这可能吗？

Answer 1

1.MVC5剃须刀

使用 MVC 5 Razor HTML 帮助程序设置属性。

@Html.TextBoxFor(m => m.Name, new {maxlength = "10"})

2. 客户端脚本

您可以使用一些 Javascript 代码（此示例使用 jQuery）将值从生成的属性移动到 html 属性。

$("input[data-val-maxlength]").each(function (index, element) {
   var length = parseInt($(this).data("val-maxlength"));
   $(this).prop("maxlength", length);
});