php - 如何检查文本字段为空然后调用javascript？

Question

当特定文本框为空时，我想查看 jquery/javascript 对话框。我尝试了下面的代码，但没有用。如何将 if() 函数添加到下面的代码中？

      <script>

    $(document).ready(function () {

    $('#search_btn').click(function () {

        if ($('#form1.legacy_code_text.value') == "") { /// THIS DOESNT WORK I WANT THE CORRECT WAY FOR THIS LINE
            $("#dialog:ui-dialog").dialog("destroy");

            $("#dialog-confirm").dialog({
                resizable: false,
                height: 140,
                modal: true,
                buttons: {
                    "Ok": function () {

                        $('#form1').submit();



                        //*****************************************************************
                    },
                    Cancel: function () {
                        $(this).dialog("close");
                    }
                }


            });
        }
    });
});
        </script>

Answer 1

if( $('#legacy_code_text').val() == "" )

Answer 2

if ( empty(#form1.legacy_code_text.value') ) 

Answer 3

在这里，我为上述问题做了垃圾箱。所以，试试http://codebins.com/bin/4ldqpat

要运行以下脚本，请按照以下步骤操作：

1) 包括最新的 jquery.js 和 jquery UI javascript 文件。

2) 包含 JQuery UI CSS 文件。

3）HTML：

<div id="dialog-confirm" title="My Dialogue">
  <form id="form1" method="post">
    <div style="padding:10px;">
      Enter Text:
      <input type="text" name="legacy_code_text" id="legacy_code_text" class="textfield"/>
    </div>
  </form>
</div>

4）jQuery：

$("#dialog-confirm").dialog({
    resizable: false,
    height: 140,
    modal: true,
    buttons: {
        "Ok": function() {
            var txtarea_val = $('#form1  #legacy_code_text').val();
            if (txtarea_val != '') $('#form1').submit();
            else {
                /*show your error*/
                alert("Enter Some text..!");
                return false;
            }

        },
        Cancel: function() {
            $(this).dialog("close");
        }
    }
});