asp.net-core - 带有标签助手 asp.net core 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>

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

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

• 标题字段是必需的。
• 描述字段是必需的。
• 值 '' 无效。

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

你能帮我吗 ？

标签： asp.net-coreasp.net-core-3.1validationerror

Answer 1

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

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