模式弹出式javascript

大家好，我的页面中有一个代表弹出窗口的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;">

$（函数（）{
$（“#dialog:ui dialog”）.dialog（“销毁”）；
$（'#TimeslotGroup'）。对话框({
自动打开：错误，
可拖动：错误，
可调整大小：false，
bgiframe:false，
莫代尔：是的，
宽度：700，
标题：“时隙组条目”，
打开：功能（类型、数据）{
$（this.parent（）.appendTo（“form”）；
}
});
});
函数显示对话框（id）{
$（'#'+id）.对话框（“打开”）；
}
函数关闭对话框（id）{
$（'#'+id）.对话框（“关闭”）；
$（“#dialog:ui dialog”）.dialog（“销毁”）；
}
//吸气剂
变量模态=$（“.selector”）。对话框（“选项”、“模态”）；
//塞特
$（“.selector”）.dialog（“选项”，“模式”，true）；
Sys.WebForms.PageRequestManager.getInstance（）.add_pageLoaded（函数（evt，args）{
$（'#TimeslotGroup'）。对话框({
自动打开：错误，
可拖动：错误，
可调整大小：false，
bgiframe:false，
莫代尔：是的，
宽度：500，
标题：“时隙组条目”，
打开：功能（类型、数据）{
$（this.parent（）.appendTo（“form”）；
}
});
});

使用事件

使用事件

---

只有验证成功时，我才需要关闭弹出窗口。否则，它应该显示一个警报并停留。验证在哪里？谁在调用

closeDialog

，验证在哪里logic@Ian，这是函数的一部分<代码>如果（newFromHour>oldFromHour | | newFromHour>oldToHour）{alert（“请勿添加”）}在这里，否则我需要使弹出窗口停留。@Arun，closeDialog与我的查询无关。我最近加入了验证条件。只有验证成功时，我才需要关闭弹出窗口。否则，它应该显示一个警报并停留。验证在哪里？谁在调用

closeDialog

，验证在哪里logic@Ian，这是函数的一部分

if（newFromHour>oldFromHour | | newFromHour>oldToHour）{alert（“请勿添加”）}

在这里，否则我需要使弹出窗口停留。@Arun，closeDialog与我的查询无关。。我最近加入了验证条件。@All，我有一个问题。在弹出窗口中，我有4个下拉列表。从一小时，从一分钟，到一小时，再到一分钟。在父页面中有一个包含两列的网格-FromTime和To Time。单击一行时，我打开上述弹出窗口。我将从下拉列表中选择的值填充到网格中。例如，我从Time Hour=08、Time Minute=40中选择值；至时间小时=09，至时间分钟=20；它们在网格中填充为08-40（时不时）和09-20（时不时）。当我为下一行（从弹出窗口）选择时间时，它不应与08-40和09-20冲突。我如何进行验证？@好的，我有个问题。在弹出窗口中，我有4个下拉列表。从一小时，从一分钟，到一小时，再到一分钟。在父页面中有一个包含两列的网格-FromTime和To Time。单击一行时，我打开上述弹出窗口。我将从下拉列表中选择的值填充到网格中。例如，我从Time Hour=08、Time Minute=40中选择值；至时间小时=09，至时间分钟=20；它们在网格中填充为08-40（时不时）和09-20（时不时）。当我为下一行（从弹出窗口）选择时间时，它不应与08-40和09-20冲突。如何进行此验证？

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