javascript - jqueryダイアログでテキストボックスが空かどうかを確認する方法

Question

アプリに jquery ダイアログが 1 つあります。

作り方はこちら

    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

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

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

Answer 2

長さをチェックする前に入力値をトリムします。

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