모델 유효성 검사 오류시 CSS 변경

Question

입력 유효성 검사 오류 클래스가 모델에 바인딩 된 요소에 추가 된 것을 알고 있습니다. 하지만 내 입력 필드가 사업부와 스타일 및 포장하면 무엇 :

<div class="inputWide"> 
    <span class="inputWideSpan"></span> 
    @Html.TextBoxFor(m => m.FirstName, new { @class = "wide" }) 
</div>   

내가/변경 등의 배경을 변경하려면 실패 Model.FirstName 검증에 inputWide div의 스타일을 추가 할 수행 할 수 있습니다 ?

Answer 1

당신은 jQuery Validate Hooks

같은 플러그인을 사용해야합니다 CSS로

<div class="inputWide"> 
    @Html.LabelFor(m => m.CardNumber) 
</div> 
<div class="editor-field"> 
    @Html.TextBoxFor(m => m.FirstName, new { @class = "wide" }) 
    @Html.ValidationMessageFor(m => m.FirstName) 
</div> 

Answer 2

실제로 유효성 검사가 클라이언트 측인지 서버 측인지에 따라 다릅니다. 더 나은 할 일이 같은 : 비슷한 렌더링

.field-validation-error 
{ 
    display: block; 
    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; 
} 

: