Установите значение текстового поля ввода в диалоговом окне модели перед OnClick в ASP.Net

Question

У меня есть кнопка ниже

Вот клиентская функция

  openReportName = function () {
        $("#dialog-reportName").dialog({
            resizable: false,
            height: "auto",
            width: 400,
            modal: true,
            buttons: {
                OK: function () {
                    $(this).dialog("close");
                }
            }
        });
    }

а вот и модальный HTML

<div id="dialog-reportName" style="display: none" title="Report Name">
        <input type="text" runat="server" id="reportname" />
    </div>

Я хочу, чтобы перед отправкой формы на сервер текстовое поле ввода внутри модального окна должно было загрузиться, и пользователь должен иметь возможность ввести значение, после чего сразу после этого должен быть вызван OnClick.

Модал загружается, но затем OnClick также запускается, не дожидаясь закрытия модала.