tag-helper asp.net 核心 3.1 的表单验证未显示为红色

Question

我有一个简单的 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>

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

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

标题字段是必需的。
描述字段是必需的。
值“”无效。

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

你能帮忙吗？

Answer 1

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

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

tag-helper asp.net 核心 3.1 的表单验证未显示为红色

Form validation with tag-helper asp.net core 3.1 not show in red

asp.net-core

asp.net-core-3.1

validationerror