Question

我正在显示文本框（假设A），当焦点在文本框上时（假设B）并在焦点出现时隐藏。它运行良好。我想在框A中输入内容，但在焦点时它会隐藏从B.Here出来我想要这样。如果B中输入了某些内容，则A不应该隐藏，即使焦点是从B中输出。这是我的jQuery代码。

 $('#lastname').focusin(function () {
        $('input.hidden').fadeIn(1000);
        $('input.hidden').css('backgroundColor', 'yellow');
        }).focusout(function () {
        $('input.hidden').hide();
        });

这是Html代码。

 <table>
     <tr>
    <td>
   <label>First Name</label></td>
   <td> <input class="required" type="text" name="firstname"    id="firstname" /><span>(required)</span></td>
     </tr>
     <tr>
    <td><br/><label for="lastname">Last Name</label></td>

    <td><input class="required" type="text" name="lastname" id="lastname"/><span>(required)</span></td>
     <%-- 
    <td><br/><label>Invisible</label></td>--%>

    <td><input class="hidden" type="text" name="invisible"  value="Middle Name" id="invisible"/><span>(required)</span></td>
    </tr>
    <tr>
    <td><br/><label>Address</label></td>
    <td><input class="required" type="text" name="address" id="address"/><span>(required)</span></td>
    </tr>
     </table>

提前致谢。

Answer 1

如果没有执行隐藏代码，请检查B是否包含某些值，如下所示

$('#lastname').focusin(function () {
   $('input.hidden').fadeIn(1000);
    $('input.hidden').css('backgroundColor', 'yellow');
}).focusout(function () {
    if(this.value.length <= 0)
       $('input.hidden').hide();
});

使用JQuery隐藏/显示TextBox问题

1 个答案: