動的に作成されたPartialViewsを使用すると検証が機能しませんmvc5

Question

BeginCollectionItemとpartialviewを使用してItems（modelview）を動的に作成または削除するビューがあります。動的に作成されたビューの検証は起動しません。 コード： MAINVIEW：

​​

PartialView：

@model EnquiryLineItemVM 

<div class="editorRow"> 
    @using (Html.BeginCollectionItem("ItemList")) 
    { 
     <table class="table"> 

      @Html.ValidationSummary(true, "", new { @class = "text-danger" }) 

      <tr> 
       <td> 
        @Html.EditorFor(model => model.ItemDesc) 
        @Html.ValidationMessageFor(model => model.ItemDesc, "", new { @class = "text-danger" }) 
       </td> 
       <td> 
        @Html.EditorFor(model => model.Quantity) 
        @Html.ValidationMessageFor(model => model.Quantity, "", new { @class = "text-danger" }) 
       </td> 

       <td> 
        @Html.DropDownListFor(model => model.ManufacturerId, Model.ManufacturerList, "--Please Select--") 
        @Html.ValidationMessageFor(model => model.ManufacturerId, "", new { @class = "text-danger" }) 
       </td> 
       <td> 

        <a href="#" class="deleteRow">Delete</a> 
       </td> 
      </tr> 
     </table> 

    } 
    </div> 

のViewModel：このようなシナリオで検証を使用しています

public class EnquiryLineItemVM 
    { 
     public int ID { get; set; } 
     [Required] 
     public string ItemDesc { get; set; } 
     [Required] 
     public int Quantity { get; set; } 

    } 

同様の質問はここにあるSO1しかし、動作しませんでした。私はビューで控えめな、Jqueryの検証を参照しています。 助けてください。読んでくれてありがとう 。

Answer 1

DOMに動的に追加すると、検証で使用される属性が追加されるため、Jqueryの検証が機能しません。この問題を回避するには、ロード後に再びそれを呼び出すことです：

$('#addItem').on('click', function() { 
    $.ajax({ 
     url: '@Url.Action("CreateLineItem")', 
      cache: false, 
      success: function (html) { 
          $("#editorRowsLineitems").append(html); 
          // clear and add validation attributes 
          $("form").removeData("validator"); 
          $("form").removeData("unobtrusiveValidation"); 
          $.validator.unobtrusive.parse("form"); 
         } 
     }); 
     return false; 
    }); 

は（https://stackoverflow.com/questions [Html.BeginCollectionItemヘルパーを使用してコレクションを渡す部分図]のhere