Javascript 点击按钮弹出窗口打开

我有一个场景，我想验证

按钮上的
文本框
。我想要的是

我有一个
文本框
和
按钮
，如果用户未在文本框中输入任何值并单击按钮，则应在输入详细信息时提示消息。它一直持续到这里

但与此同时，即使用户没有输入任何详细信息，弹出窗口也会打开。所以我希望它停止。下面是我试过的代码

<input type="text" name="search" id="txtStoreCode" />
<input type="button" value="View Details" id="viewDetails" class="headButt" onclick="getStoreInfo();" />

下面是我的验证功能

var STORE_ID = $('#txtStoreCode').val();
if (STORE_ID == "" || STORE_ID == null) {
    jAlert('Kindly enter Store Id', 'INFORMATION');
    $('#storeCodeDialog').hide();
    return false;
}

我尝试了使用
hide（）
，但弹出窗口仍在打开如何停止它。
因为如果
#viewDetails
，您的弹出窗口将附加到click event。为了防止弹出，首先验证输入是否为空，然后编写弹出代码

e、 g

和删除点击处理程序。
谢谢您的即时回复，您正在谈论的点击处理程序是
$（“#viewDetails”）。在（'click'…
删除此代码。因为我们已经将其包含在
getStoreInfo
函数中。哦，好的。让我试试看。很高兴。如果这有帮助，请将答案标记为已解决，您也可以向上投票；）当然。我会的。但我只能在3分钟后才能完成。您知道堆栈验证是完美的；）
var STORE_ID = $('#txtStoreCode').val();
if (STORE_ID == "" || STORE_ID == null) {
    jAlert('Kindly enter Store Id', 'INFORMATION');
    $('#storeCodeDialog').hide();
    return false;
}

function getStoreInfo() {
    var STORE_ID = $('#txtStoreCode').val();

    if (STORE_ID == "" || STORE_ID == null) {
        jAlert('Kindly enter Store Id', 'INFORMATION');
        $('#storeCodeDialog').hide();
        return false;
    }
    // This will execute if store id is not empty.
    $("#storeCodeDialog").dialog({
        width: 'auto',
    });

    $("div[aria-describedby='storeCodeDialog'] .ui-dialog-title").text('3328');

    $('div[aria-describedby="storeCodeDialog"]').css({
        'left': '18px',
        'top': '103px'
    });

}