使用 tag-helper asp.net core 3.1 进行表单验证未显示为红色

问题描述

我有一个简单的 Web 应用程序，使用带有验证的表单创建页面。

.cs 代码：

public class OneTask
    {
        public int Id { get; set; }
        [required] public string Title { get; set; }
        [required][MinLength(10)]
        public string Description { get; set; }
        [required,Range(1,5)] public int Priority { get; set; }
    }

.cshtml 代码：

<div class="container" style="width:50%">
    <div asp-validation-summary="All"></div>
    <form asp-page="CreateTask" class="" method="post">
        <div class="form-group">
            <label asp-for="NewTask.Title">Title</label>
            <input asp-for="NewTask.Title" class="form-control" />
// rest of form here...

验证脚本：

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

错误验证不是用红色显示，而是用黑色显示。

---------------------------------------------------------|

• 标题字段是必需的。
• “说明”字段是必需的。
• 值 '' 无效。

---------------------------------------------------------|

你能帮忙吗？

解决方法

只需添加 class="text-danger" 即可更改文本颜色

<div class="text-danger" asp-validation-summary="All"></div>