首页 > 解决方案 > 前提条件检查后如何显示对话框?

问题描述

我有一个引导对话框,我还有一个相关的按钮 - 按下它将显示对话框:

<button id="deployContractBtn" data-toggle="modal" data-target="#dialogOfferContract"  onclick="offerContract()" type="button" class="btn btn-success" disabled>Sign&Deploy Contract</button>

同时,当我单击按钮时,我有一个函数可以检查一些先决条件并将错误字符串加载到对话框中:

function offerContract()
    {
        document.getElementById("CreateContractDialogMessage").innerHTML = "";
        ErrorMsg = checkErrors();

            if (ErrorMsg != "")
            {
                $('#CreateContractDialogTitle').text("Error"); //show error headline
                document.getElementById("CreateContractDialogMessage").innerHTML = ErrorMsg;
                return;
            }
        $("#DeployContractForm").submit()

    }

我需要什么但我不知道该怎么做:检查是否有错误(字符串不为空)。如果有错误 --> 显示对话框并从函数返回 else --> 提交。

换句话说,如何从 javascript 函数中显示对话框?

标签: javascripthtmlbootstrap-modal

解决方案


function offerContract()
    {
        document.getElementById("CreateContractDialogMessage").innerHTML = "";
        ErrorMsg = checkErrors();

            if (ErrorMsg != "")
            {
                $('#CreateContractDialogTitle').text("Error"); //show error headline
                document.getElementById("CreateContractDialogMessage").innerHTML = ErrorMsg;
                document.getElementById("closeButton").style.display = "block";
                $('#dialogOfferContract').modal('show');
                return;
            }
        $("#DeployContractForm").submit()

    }

推荐阅读