在部分视图中验证无法在客户端工作

Question

我正在呈现部分视图，但我的asp验证在客户端不起作用。它确实在服务器端工作，因为它实际上不会更新无效值。

我的模型来自基类，但我不知道为什么会导致任何错误

我的模特：

public class HSAccount : GameAccount
{
    [Display(Name = "Highest Rank")]
    [Range(1, 25)]
    public int HSRank { get; set; }

    public HSAccount()
    {
        Game = "Hearthstone";
        Genre = GameGenre.CCG;
        HSRank = 1;
    }
}

显示名称注释可以正常工作但是用户可以输入任何整数而不会收到错误警告。

<div class="form-group game-form">
        <label asp-for="HSRank" class="control-label"></label>
            <input asp-for="HSRank" class="form-control" />
            <span asp-validation-for="HSRank" class="text-danger"></span>
</div>

这是预览，其中没有检测到验证错误：

如果有任何疑问，这就是我想要实现的目标：

编辑：这是我渲染视图的方式：

 @Html.Partial("/Views/Game/_EditHS.cshtml", (ProjectMentor.Models.Games.HSAccount)ViewBag.HSAccount)

Answer 1

请在您的cshtml文件中使用htmlHelpers并将您的属性与输入绑定。它会自动将所有html5验证添加到输入

例如

 m.FirstName）％＆gt;                 m.FirstName）％＆gt;