【问题标题】:Form validation with tag-helper asp.net core 3.1 not show in red带有标签助手 asp.net core 3.1 的表单验证不显示为红色
【发布时间】:2021-04-02 02:35:44
【问题描述】:

我有一个简单的 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-core asp.net-core-3.1 validationerror


    【解决方案1】:

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

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

    【讨论】:

    • 它不应该是 asp.net core 中的默认值吗?在其他应用程序中,我不需要做任何事情,它是红色的......?
    • 不,它不是默认的,你应该添加它。如果您使用脚手架,它会自动添加。见here
    猜你喜欢
    • 2017-02-27
    • 1970-01-01
    • 2019-02-04
    • 2019-05-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多