(JQuery-UI) 有没有办法检测对话框的 beforeClose() 处理程序中按下了哪个按钮？

Question

我的 JavaScript 代码打开一个对话框，请求用户提供一些信息，以及两个按钮（确定和取消）。我想使用 dialog 的 beforeClose 处理程序在用户单击“确定”按钮时验证输入（这样，如果用户没有进行正确的输入，他/她仍然在对话框“中”并且有机会纠正它）。有没有办法知道按下了两个按钮中的哪一个？ （显然，如果用户按下“取消”，则不需要输入验证，对话框可以继续并关闭 - 即我的 beforeClose 可以返回 true）。我看到 beforeClose 需要两个输入，event 和 ui 但这些似乎都不包含我想要的信息。

Answer 1

您只需在关闭框之前绑定一些其他函数（如果表单未验证，则根本不调用关闭）。只需在 $(this).dialog("close") 之前添加所需的任何检查或 ajax 调用即可。
来自：http://jqueryui.com/demos/dialog/#modal-confirmation

<script>
    $(function() {
        // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Delete all items": function() {
                    $( this ).dialog( "close" );
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
    </script>

Answer 2

我在我的一个应用程序中都有这些，而不是在自定义验证中闲逛，我只是抛出一个 内联验证在对话框中的表单上。它会为您进行拦截，轻松验证字段，如果正确，就让它飞。如果没有，它会自动进行通知。

您当然可以自制这个解决方案，但有人已经为您完成了这项工作。保存您的代码以应对更大的问题。

如果您决定自己执行此操作，只需按照文档中的说明将操作放入按钮功能中即可。