показать сообщение проверки электронной почты (красным цветом) в бритве mvc

Question

Я только что начал использовать mvc razor.

И я хотел бы показать сообщения об ошибках валидации красным.

Вот моя модель представления.

public class AViewModel
{
    [Required(ErrorMessageResourceName = "EmailAddressRequired", ErrorMessageResourceType = typeof(Resources))]
    [HomeController.EmailAddressAttribute(ErrorMessageResourceType = typeof(Resources), ErrorMessageResourceName = "EmailAddress_RegularExpression_ErrorMessage")]
    public string EmailAddress { get; set; }

    [HomeController.LocalizedDisplayNameAttribute("Password", NameResourceType = typeof(Resources))]
    [Required(ErrorMessageResourceName = "PasswordRequired", ErrorMessageResourceType = typeof(Resources))]
    [DataType(DataType.Password)]
    public string Password { get; set; }

    [HiddenInput(DisplayValue = false)]
    public Guid id { get; set; }
}

Мойпредставление выглядит примерно так:

<div class="left">      

    @Html.EditorForModel()
    <br />

</div>

И мой CSS выглядит следующим образом:

.left { float:left; width:430px; margin:0 -480px 0 0;
       padding:0 40px 20px 0; border-right:1px solid #DDD;}

Что необходимо изменить в CSS?

В боковом представлении Iиспользовали @Html.EditerForViewModel () .сообщения проверки в настоящее время показаны черным.есть что показать красным?

Answer 1

Вы, вероятно, забыли включить файл css, созданный с помощью типичного проекта ASP.NET MVC, на свою страницу. По умолчанию он называется site.css. Он также включен в представление макета по умолчанию в Views / Shared / _Layout.cshtml. Если вы создали страницу и не используете макет, вы можете включить ее в свой вид.

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

Если у вас нет файла css, вы можете создать его вручную и иметь в нем следующее

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

Вы можете скопировать весь CSS из другого проекта (создать новый проект и отменить его), если вы случайно удалили его из текущего проекта.

Answer 2

Если щелкнуть правой кнопкой мыши тег span для сообщения проверки, в сообщении об ошибке вы найдете что-то вроде class = "field-validation-error". В вашей таблице стилей вы можете просто добавить свойство для установки цвета шрифта с помощью color: red; и воля к подвоху!.

Jonathan