如何檢查文本字段爲空，然後調用JavaScript？

Question

我想查看jquery/javascript對話框時，一個perticular文本框是空的..我試着下面的代碼，但沒有工作..如何將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"); 
     } 
    } 
});