modal popup javascript

Question

Привет всем У меня есть div на моей странице, который представляет всплывающее окно. У меня есть кнопка внутри окна. При нажатии кнопки мне нужно вызвать функцию javascript (мне нужно сделать это только на стороне клиента, а не на сервере). Если проверка прошла успешно, всплывающее окно может закрыться. Если нет, он должен отобразить предупреждающее сообщение и ОСТАНОВИТЬ ВМЕСТО ЗАКРЫТИЯ. Мне нужно закрыть всплывающее окно, только если проверка прошла успешно. Кроме того, он должен отображать предупреждение и просто оставаться. Как мне заставить его остаться? Ниже приведены мои коды.

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