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

模态弹出式JavaScript

1 个答案: