JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
<div>
    <input type="text" class="form-control" id="field" />
    <button type="button" id="btnCheck">Check</button>
</div>

JavaScript

$("#btnCheck").click(function () {
    if ($('#field').val() == "")
    {
        bootbox.dialog({
            message: "empty field",
            title: 'my site',
            buttons: {
                danger: {
                    label: 'ok',
                    className: "btn-primary",
                    callback: function () {
                        console.log($("#field"));
                        setTimeout(function () {
                            console.log("F");
                            $("#field").focus();
                        }, 150);
                    }
                }
            }
        });
        $("#field").focus()
    }
    
    else
        alert('ok');
});