javascript - 如何在jquery对话框中检查文本框是否为空

Question

我的应用程序中有一个 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");
            }
        }
    });

现在我想检查文本框是否为空。如果它是空的，那么它不应该允许关闭弹出窗口。

此外，它应该在顶部给出消息，该值不能为空。

Answer 1

document.getElementById('popUp').innerHTML = "";如果可以，你为什么要写作$('#popUp').html('');——这就是你使用 jQuery 的原因 :)

$("#popUp").dialog({
        title: "Route Name",
        resizable: false,
        width: auto,
        height: auto,
        buttons: {
            "Create Route": function () {
                if ($(this).val() == '') {
                    alert('May not be empty!');
                }
                else {
                    $(this).dialog("close");
                }
            }
        }
    });

Answer 2

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

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

Answer 3

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

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