jQuery UI 대화 상자에서 클라이언트 측 유효성 검사가 작동하지 않습니다.

Question

많은 답변을 찾았지만 jQuery UI 대화 상자에서 필드의 유효성을 검사 할 수 없습니다. 동일하게 적절한 방법을 제안하십시오.

부모보기 :

<div id="dialog" title="Add New"> 
    <p>Div content</p> 
</div> 

<script type="text/javascript">$(function() { 
     $('#btnAddNew').click(function() { 
      $('#dialog').dialog 
      ({ 
       autoOpen: true, 
       modal: true, 
       open: function (event, ui) { 
        $(this).load("@Url.Action("AddNewFormPart1")"); //Rendering Partial View 
       } 
      }); 
     }); 
    }); 
<script/> 

부분보기 :

콘텐츠가 플러그인 호출 후에로드됩니다 때문입니다

@using (Html.BeginForm("SubmitFormPart1", "Home", FormMethod.Post, new { @id = "formPart1" })) 
{ 
    @Html.ValidationSummary() 
    <div>...... 
    <input type="submit" value="Submit" id="btnSubmitFormPart1"/> 
    </div> 
} 

Answer 1

Validator는 부분 페이지를로드 한 후에 부분 페이지를 구문 분석해야합니다. 눈에 거슬리지 않는 검증을 사용하는 경우 :

$(this).load('@Url.Action("AddNewFormPart1")', function(response, status, xhr){ 
    var form = $("#AddNewFormPart1"); 
    form.removeData('validator'); 
    form.removeData('unobtrusiveValidation'); 
    $.validator.unobtrusive.parse(form); 
}) 

Answer 2

! 다음과 같이 부분 뷰를로드 한 후 유효성 검사 플러그인을 호출해야합니다 (.done(function*({}) 도우미에 유의하십시오).

<script type="text/javascript">$(function() { 
    $('#btnAddNew').click(function() { 
     alert('Add New clicked!'); 
     $('#dialog').dialog 
     ({ 
      autoOpen: true, 
      modal: true, 
      open: function (event, ui) { 
       $(this).load("@Url.Action("AddNewFormPart1")").done(function(){ 

        //CALL YOUR VALIDATION PLUGIN HERE 
        //$('#formPart1').validate({...}); 
       }); //Rendering Partial View 
      } 
     }); 
    }); 
});