javascript - モーダル ポップアップ JavaScript

Question

こんにちは、ページにポップアップ ウィンドウを表す div があります。ウィンドウ内にボタンがあります。ボタンをクリックすると、javascript 関数を呼び出す必要があります (サーバーではなくクライアント側でのみ行う必要があります)。検証が成功すると、ポップアップを閉じることができます。そうでない場合は、警告メッセージを表示し、STAY THERE INSTEAD OF CLOSINGを表示する必要があります。検証が成功した場合にのみ、ポップアップを閉じる必要があります。それ以外の場合は、アラートを表示してそのままにしておく必要があります。どうすればそれを維持できますか？以下は私のコードです。

分割構造:

<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;">