모달 팝업 자바 스크립트

Question

안녕하세요, 저는 팝업 창을 나타내는 내 페이지에서 div가 있습니다. 창문 안에 버튼이 있어요. 버튼을 클릭 할 때 자바 스크립트 함수를 호출해야합니다 (서버 측이 아니라 클라이언트 측에서만이 작업을 수행해야합니다). 유효성 검사가 성공하면 팝업이 닫힐 수 있습니다. 그렇지 않은 경우 경고 메시지가 표시되고 은 (는) 대신 닫습니다. 유효성 검사가 성공한 경우에만 내 팝업을 닫아야합니다. 그렇지 않으면 경고를 표시하고 그냥 있어야합니다. 어떻게 그것을 머물게합니까? 다음은 제 코드입니다.

사업부 구조 :

<script type="text/javascript"> 


    $(function() { 
        $("#dialog:ui-dialog").dialog("destroy"); 
        $('#TimeslotGroup').dialog({ 
         autoOpen: false, 
         draggable: false, 
         resizable: false, 
         bgiframe: false, 
         modal: true, 
         width: 700, 
         title: "Timeslot Group Entry", 
         open: function (type, data) { 
          $(this).parent().appendTo("form"); 
         } 
        }); 
       }); 
       function showDialog(id) { 
        $('#' + id).dialog("open"); 
       } 

       function closeDialog(id) { 
        $('#' + id).dialog("close"); 
        $("#dialog:ui-dialog").dialog("destroy"); 
       } 
       //getter 
       var modal = $(".selector").dialog("option", "modal"); 
       //setter 
       $(".selector").dialog("option", "modal", true); 

      </script> 
      <script type="text/javascript"> 
       Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function (evt, args) { 
        $('#TimeslotGroup').dialog({ 
         autoOpen: false, 
         draggable: false, 
         resizable: false, 
         bgiframe: false, 
         modal: true, 
         width: 500, 
         title: "Timeslot Group Entry", 
         open: function (type, data) { 
          $(this).parent().appendTo("form"); 
         } 
        }); 
       }); 
      </script><div id="TimeslotGroup" class="ui-widget-overlay" style="overflow-y: scroll;"> 

Answer 1

는 beforeClose 이벤트

$("#dialog").dialog({ 
    beforeClose: function(e, ui){ 
     if(!valid){ 
      return false; 
     } 
    } 
});