데이터 주석이있는 컬렉션에서 MVC 3 클라이언트 측 유효성 검사가 작동하지 않습니다.

Question

내 모델에서 작동하도록 클라이언트 측 유효성 검사를 얻으려고합니다. 지금까지 작동하지 않습니다.

내 모델은 모음의 속성이 있습니다

public class NewsEventsModel 
{ 
    public List<NewsItemDetails> newsItems { get; set; } 
    public int pageNumber { get; set; } 
    public int totalPages { get; set; } 
    public bool canManageNews { get; set; } 
    public long userID { get; set; } 
} 

및 NewsItemDetails는 thusly 히 정의 :

public class NewsItemDetails 
{ 
    public long itemID { get; set; } 

    public long postedByID { get; set; } 

    public DateTime datePosted { get; set; } 

    [Required(ErrorMessage = "Please enter news or event text")] 
    [StringLength(100)] 
    [RegularExpression(RegExpressions.freeTextRestrict)] 
    public string newsBody { get; set; } 

    [StringLength(50)] 
    [RegularExpression(RegExpressions.freeTextRestrict)] 
    public string newsTitle { get; set; } 
} 

내가보기에 걸쳐 NewsEventsModel을 보낼 수 있습니다. 그리고 내보기에 나는

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 

다음을 포함 뷰 코드에서 나는

for (int j = 0; j < Model.newsItems.Count(); j++) 
    { 

     /// bunch of stuff 
     // then: 
    <div class="editblock"> 
     @Html.TextAreaFor(model => model.newsItems[j].newsBody, new { @class = "formtextem", id = editBoxID, rows = "10", style = "width: 54em" }) 
     @Html.ValidationMessageFor(model => model.newsItems[j].newsBody) 
    </div> 
    } 

을하지만 텍스트 영역에있는 모든 텍스트를 삭제하고 "필요한"메시지가 표시되지 않습니다, 저장을 클릭하면 .. 다른 규칙을 위반할 때 어떤 메시지도 나타나지 않습니다.

그러나 클라이언트 쪽 유효성 검사는 최상위 NewsEventsModel의 속성 중 하나에 유효성 검사 주석을 넣은 다음보기의 텍스트 상자에 포함하면 작동합니다. 저수준 NewsItemDetails 클래스에서는 작동하지 않습니다.

무엇이 여기에 있습니까?

Answer 1

보기에 편집기 템플릿을 사용해보십시오 :

@Html.EditorFor(x => x.newsItems) 

및 ~/Views/Shared/EditorTemplates/NewsItemDetails.cshtml 내부를 : 일

@model AppName.Models.NewsItemDetails 

// bunch of stuff 
// then: 
<div class="editblock"> 
    @Html.TextAreaFor(model => model.newsBody, new { @class = "formtextem", id = editBoxID, rows = "10", style = "width: 54em" }) 
    @Html.ValidationMessageFor(model => model.newsBody) 
</div>