红线文本字段错误

本文关键字：错误 字段 文本 红线 | 更新日期: 2023-09-27 18:06:23

在我的应用程序中，我有一个文本字段，它持有一个值。当用户单击提交按钮并输入无效值时，将显示错误消息:

在我的模型中:

 [DisplayName("Length")]
    [Range(4, 64, ErrorMessage = "You are using a invalid length")]
    public int Length { get; set; }

我的观点:

        @Html.LabelFor(m => m.Length):
            @Html.TextBoxFor(m => m.Length) (4 - 64 chars)
            @Html.ValidationMessageFor(m => m.Length)

我还想让文本框被错误标记为红色

红线文本字段错误

您可以定义.input-validation-error CSS规则:

.input-validation-error {
    border: 1px solid #e80c4d;
}

如果出现验证错误，TextBoxFor helper会自动将该类添加到相应的输入字段中。

相关文章：