Javascript 如何在jquery对话框中检查textbox是否为空

我的应用程序中有一个jquery对话框

这是它的制作方法

    var routePopup = "Route Name : <input type='text' id='routeName' name='routeName'/>";


    document.getElementById('popUp').innerHTML = "";
    document.getElementById('popUp').innerHTML = routePopup;

    $("#popUp").dialog({
        title: "Route Name",
        resizable: false,
        width: auto,
        height: auto,
        buttons: {
            "Create Route": function () {
                $(this).dialog("close");
            }
        }
    });

var routePopup=“路由名称：”；
document.getElementById（'popUp'）.innerHTML=“”；
document.getElementById（'popUp'）。innerHTML=routePopup；
$（“#弹出窗口”）。对话框({
标题：“路线名称”，
可调整大小：false，
宽度：自动，
高度：自动，
按钮：{
“创建路由”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});

现在我想检查textbox是否为空。如果为空，则不允许关闭弹出窗口

---

它还应该在顶部给出一条消息，说明该值不能为空。

为什么要编写

document.getElementById（'popUp'）。innerHTML=“”

如果您可以执行

$（'#popUp'）.html（''-这就是为什么要使用jQuery:）

var val = $('#textbox').val();

if (val) {
    //Do whatever...
}

在检查长度之前修剪输入值：

if ( $("#txt").val().trim().length == 0 )
{
    // do something
}

如果文本框为空，我还想在顶部给用户发送消息。请参阅更新的答案。它使用alert（），但您可以做任何其他可能重复的事情，或者除此之外，您还需要解决3个问题。在寻求帮助寻找解决方案时，您应该添加一些解决方案来解决这三个问题。
if ( $("#txt").val().trim().length == 0 )
{
    // do something
}