如果文本框有輸入日期，然後顯示其他文本框

Question

我有一個文本框，用戶可以選擇一個日期。當選擇日期時，我想要顯示另一個文本框。但即使沒有日期，文本框也會始終顯示。如果txtBookDate爲空，則不應顯示txtBookComment。

<tr id="trBookDate" runat="server" > 
    <td> 
     Book IN Date 
    </td> 
    <td> 
     <asp:TextBox runat="server" ID="txtBookDate" rel="datepicker" ></asp:TextBox> 
    </td> 
</tr> 
<tr id="trBookInComment" runat="server" > 
     <td> 
      Book IN Comment 
     </td> 
     <td> 
      <textarea id="txtBookInComment" runat="server" width="100%" maxlength="40"></textarea> 
     </td> 
</tr> 



<script type="text/javascript"> 
      $('#<%= txtBookDate.ClientID %>').change(function() { 
       if($(this) != null) { 
        $('#<%= trBookInComment.ClientID %>').show(); 
       } else { 
        $('#<%= trBookInComment.ClientID %>').hide(); 
       } 
      }); 

$('#<%= txtBookDate.ClientID %>').trigger('change'); 
</script> 

Answer 1

$（this）指對象，即第一個文本框本身，它不爲null。它不涉及文本框中的值。

嘗試

if ($(this).val().length)...