JQuery验证不适用于基本模型类mvc net core 3应用程序

问题描述 投票:0回答:1

下面是我使用的Baseclass和Userclass模型,并且还在Base和Derived类中添加了必需的注释。我在asp.net核心剃刀视图页面中使用了此类,并为此实现了jquery-validation。我可以看到仅对派生类而不对基类进行验证。我该如何解决?

 public class BaseModel
    {
        [Required]
        public string TicketNo { get; set; }
    }

 public class UserRoleModel : BaseModel
    {
        [Required]
        public string UserID { get; set; }
        [Required]
        public string RoleName { get; set; }
        [Required]
        public string AddDeleteFlag { get; set; }
    }

和我的cshtml页面


 <div class="form-group">
                        <label for="TicketNo">Ticket Number</label>
                        <input type="text" name="Employee" asp-for="TicketNo" autocomplete="off" class="form-control input-sm" placeholder="Ticket Number">
                        <span asp-validation-for="TicketNo" class="text-danger"></span>
                    </div>
                    <div class="form-group">
                        <label for="UserID">User ID</label>
                        <input type="text" name="UserID" asp-for="UserID" autocomplete="off" class="form-control input-sm" placeholder="User ID">
                        <span asp-validation-for="UserID" class="text-danger"></span>
                    </div>
                    <div class="form-group">
                        <label for="RoleName">Role Name</label>
                        <input type="text" name="RoleName" asp-for="RoleName" autocomplete="off" class="form-control input-sm" placeholder="Role Name">
                        <span asp-validation-for="RoleName" class="text-danger"></span>
                    </div>
                    <div>
                        <input type="submit" value="AddRole" asp-for="AddDeleteFlag" class="btn btn-primary btn-block">
                        <input type="submit" value="DeleteRole" asp-for="AddDeleteFlag" class="btn btn-primary btn-block">
                    </div>

我还添加了必需的js参考

 <script src="~/lib/jquery-validate/jquery.validate.js"></script>
    <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>

enter image description here

现在仅对派生类而不是基类进行验证!

jquery asp.net-core unobtrusive-validation
1个回答
1
投票

您为name属性输入了错误的TicketNo,请在下面修改标记:

<div class="form-group">
    <label for="TicketNo">Ticket Number</label>
    <input type="text" name="TicketNo" asp-for="TicketNo" autocomplete="off" class="form-control input-sm" placeholder="Ticket Number">
    <span asp-validation-for="TicketNo" class="text-danger"></span>
</div>
© www.soinside.com 2019 - 2024. All rights reserved.