xVal 및 ViewModel 사용

Question

Dinner 예제에서 이와 똑같은 작업을 시도했던 유사한 게시물을 보았지만 문제가 해결 된 것 같습니다. 조금 더 깊은 것 같습니다. 기본적으로 나는 cxan이 잘 작동하도록 검증을 얻지 만 파이어 폭스에서만 작동합니다. IE7에서는 페이지가로드 될 때 즉시 다음 메시지가 포함 된 경고 상자가 나타납니다. "오류 : 요소 제목이 양식에 없습니다"... 분명히 여기에 양식이 있습니다. 필요한 경우 실제로 렌더링 된 태그를 게시 할 수 있습니다. 보기 소스에서이를 보여줍니다. 이 문제를 해결하기 위해 내가 할 수있는 일에 대한 아이디어가 가장 만족 스러울 것입니다!

기본적으로 내 NewsPost에 제목과 본문이 있는지 확인하려고합니다. 이후 ViewModel에 싸서 나는 IE가 이것을 이해하고 있다고 생각 해요. 어쩌면 내가 틀렸어.

유효성 확인을 위해 xVal을 사용하고 있습니다. ViewModel을 내 모델로 전달하고 있습니다. 내 뷰 모델은 다음과 같습니다

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MVCApp.Models.ViewModels.News.NewsAdminViewData>" %> 

    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
     <% using (Html.BeginForm()) 
      {%> 
     <div class="moduleContainer"> 
      <div class="moduleTitle"> 
       Create News Item 
      </div> 
      <div class="moduleContent"> 
       <div> 
        <div> 
         Title:</div> 
        <div> 
         <%= Html.TextBox("Title") %> 
        </div> 
       </div> 
       <div> 
        <div> 
         &nbsp;</div> 
        <div> 
         <%= Html.TextArea("Body") %> 
        </div> 
       </div> 
       <div> 
        <div> 
         News Group: 
        </div> 
        <div> 
         <%= Html.DropDownList("NewsGroup")%> 
        </div> 
       </div> 
       <div> 
        <div> 
         News Item: 
        </div> 
        <div> 
         <%= Html.DropDownList("NewsItem") %> 
        </div> 
       </div> 
      </div> 
      <div class="moduleFooter"> 
       <%= Html.SubmitButton("btnSubmit", "Add News Post", null, "To add this news post click here.", "#ffd40f")%> 
      </div> 
     </div> 
     <% } %> 
     <%= Html.ClientSideValidation<NewsPost>()%> 

그리고 마지막으로 내 게시물 액션 : 당신이 가지고있는

[AcceptVerbs(HttpVerbs.Post)] 
    public virtual ActionResult Create(/*FormCollection collection*/ NewsPost np) 
    { 
     NewsPost entity = this.reposNewsPost.New(); 
     try 
     { 
      entity.Title = np.Title; 
      entity.NewsPostGUID = System.Guid.NewGuid(); 
      entity.DateAdded = DateTime.Now; 
      entity.DateUpdated = DateTime.Now; 
      entity.Body = np.Body; 

      UpdateModel(entity); 
      this.reposNewsPost.Insert(entity); 
      this.reposNewsPost.SubmitChanges(); 
      return RedirectToAction("Index"); 
     } 
     catch (RulesException ex) 
     { 
      ex.AddModelStateErrors(ModelState, "NewsPost"); 
      return ModelState.IsValid ? RedirectToAction(MVC.News.Actions.Create) 
         : (ActionResult)View(); 
     } 
    } 

Answer 1

내가 비슷한 문제로 실행

public class NewsAdminViewData : ViewModel 
{ 
    public NewsPost NewsPost { get; set; } 
    public List<SelectListItem> NewsItem { get; set; } 
    public List<SelectListItem> NewsGroup { get; set; } 

    public NewsAdminViewData(List<SelectListItem> newsItem, List<SelectListItem> newsGroup, NewsPost newsPost) 
    { 
     this.NewsItem = newsItem; 
     this.NewsGroup = newsGroup; 
     this.NewsPost = newsPost; 
    } 
} 

여기 내보기입니다. 솔직히, 내가 가진 것처럼 엉망진창을 만든 것처럼 보이지는 않지만, 아마도 당신을 해결책으로 안내 할 것입니다.

xVal 클라이언트 유효성 검사가있는 입력 양식이 동적으로 페이지에로드되었습니다 (jquery ajax 호출). 불행히도, 나는 반환 된 html을 이미 부모 요소 사이에 'form'이있는 요소에 배치하고 있다는 것을 간과했다.

var parentForm = element.parents("form"); 
     if (parentForm.length != 1)// <-- there can be only one parent form of course 
      alert("Error: Element " + element.attr("id") + " is not in a form"); 

광산 parentForm.lengts 2되었다 : 그것은 AJAX 요청을했기 때문에, 페이지 상에 존재하고, 경우 xval 방법 "_attachRuleToDOMElement"중첩 "형태"요소는이 방식을 구현!

여기에 중첩 된 양식이 없지만 마스터 페이지에는 무언가가있을 것입니다. Internet Explorer 7은 중첩 된 양식을 렌더링 할 수 있으며 Firefox는 그렇지 않을 수 있습니다. 이 문제의 원인이 될 지 않지만, 또한, 나는 다르게 입력 컨트롤의 이름을 것입니다 :

<%= Html.TextBox("np.Title") %>...<%= Html.TextBox("np.Body") %> etc... 

하고 너무 elementPrefix을 설정합니다 :

이

<%= Html.ClientSideValidation<NewsPost>("np")%>