Question

我正在进行MVC 5视图设计，我需要在之前显示带有感叹号图标/图像的错误消息，就像 here

是否可以使用@ Html.ValidationMessageFor（）验证消息，以惊叹号图标/图像显示（响应）？

我尝试在验证消息之前添加glyphicon，

 @Html.TextBoxFor(m => m.Email, new { @class = "form-control text-line", @placeholder = "Email Id *" })
 <i class="glyphicon glyphicon-exclamation-sign colorRed"></i>@Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })

问题：
1.如上所述，始终显示感叹号字形，我只需要在发生验证错误时显示它 2.使用自定义图标图像，还有其他方法可以使用脚本或样式来实现这一目标吗？

Answer 1

.field-validation-error:before {
content: url('../images/image.png');
}

仅在Stephen Muecke

所述错误发生时显示图像

.text-danger{
 content: url('../images/image.png');
}

.text-danger类即使没有错误也会显示图像。

Answer 2

您可以使用css将背景图片添加到错误消息中

.text-danger{
 background-image: url('dangerimg.png');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

如果您想在错误消息之前添加字符，可以使用

 .text-danger::before {
     content:'!';
    }

在MVC中带有感叹号图标的验证错误消息

2 个答案: