如果文本框输入了日期，则显示其他文本框

Question

我有一个文本框，用户可以在其中 select 一个日期。 selected 日期时，我希望显示另一个文本框。但是即使没有日期，文本框也会始终显示。如果 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) 引用对象，第一个文本框本身，它不为空。它不引用文本框中的值。

尝试

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

如果文本框输入了日期，则显示其他文本框

if textbox has date entered into it, then display other textbox

javascript

c#

asp.net

textbox

show-hide