Использование xVal и ViewModel

Question

Я видел подобный пост, который пытался сделать то же самое с примером Ужин, но он исправил свою проблему, кажется, немного глубже. В основном я cxan получаю проверку, чтобы работать нормально, но она работает только в Firefox. В IE7, когда загружается страница, я сразу же получаю окно с сообщением: «Ошибка: название элемента не в форме» ... Очевидно, что оно находится в форме здесь. При необходимости я могу опубликовать разметку, которая фактически отображается из источника просмотра, чтобы показать это. Любые идеи о том, что я могу сделать, чтобы исправить это, были бы очень признательны!

В основном я просто пытаюсь удостовериться, что у моего NewsPost есть заголовок и тело. Поскольку у меня это завершено в ViewModel, я думаю, что IE не совсем это понимает. Возможно, я ошибаюсь.

Я использую xVal для моей проверки. Я передаю ViewModel в качестве моей модели. Моя ViewModel выглядит следующим образом:

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; 
    } 
} 

Вот мой Вид:

<%@ 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

Я столкнулся с аналогичной проблемой, как вы есть. Честно говоря, это не похоже на то, что вы сделали беспорядок, как я, но, возможно, он направит вас к решению.

Форма ввода шахт с проверкой клиента xVal динамически загружалась (jquery ajax call) на страницу. К сожалению, я упустил из виду, что я помещал возвращенный html в элемент, у которого уже есть «форма» между родительскими элементами. Потому что это был запрос Ajax, вложенные элементы «форма», где присутствуют на странице, и xVal метод «_attachRuleToDOMElement» реализован таким образом:

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"); 

Mine parentForm.lengts было 2!

Я вижу, что у вас нет вложенной формы здесь, но, может быть, на главной странице есть что-то? Может быть, IE7 создает вложенные формы, а Firefox - нет. Кроме того, я бы назвал контроль ввода по-разному, хотя это не должно быть источником проблемы:

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

, а затем я установил бы elementPrefix тоже:

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