在JQuery对话框选择之前提交表单

Question

我在js中有一个表单提交函数，如下所示：

$('#announcement_form').submit(function (event) {
        if ($("input[name=urgency]:checked").attr('value') != "not") {
            $("input[name=urgency_option][value='no']").prop("checked",true);

            $("#dialog").dialog({
                modal: true,
                width: 820,
                height: 205,
                resizable: false,
                close: function() {
                    if ($("input[name='urgency_option']:checked").attr("value") == "yes") {
                        $("#dialog").dialog("close");
                        return true;
                    } else {
                        $("input[name=urgency][value='not']").prop("checked",true);
                        $("input[name='urgent[]']").each(function(index) {
                            $(this).prop("disabled", true);
                        });
                        $("#dialog").dialog("close");
                        return false;
                    }
                }
            }).prev(".ui-dialog-titlebar").css({"background":"#00295B", "color":"white", "font-weight":"normal"});
            $("#dialog").dialog("moveToTop");
        }
    });

出于某种原因，我的表单甚至在允许用户进行对话选择之前提交。对话框弹出一瞬间，然后表单提交。但是，它应该等到它返回true或false。

有人可以帮忙吗？

注意：我必须继续使用表格（没有onclick按钮）。