오류로 인해 수정 텍스트 입력

Question

내 앱에는 값을 보유하는 텍스트 필드가 있습니다. 입력하면 사용자가 제출 버튼을 유효하지 않은 값을 클릭, 오류 메시지가 표시됩니다

내 모델에서 :

[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 { 
    border: 1px solid #e80c4d; 
} 

이 클래스는 자동으로 유효성 검사 오류가 발생할 경우 TextBoxFor 도우미가 해당 입력 필드에 추가됩니다

Answer 1

당신은 .input-validation-error CSS 규칙을 정의 할 수 있습니다.