Question

我正在建立一个登记表。 #onimg och #offimg是img的两个div。如果你填写一个可用的用户名，＃offimg将显示，如果你选择一个已经采用的用户名#onimg vill show。

如果您在注册字段中没有写任何内容（就像删除文本一样），我希望隐藏图像。但他们不=（。

这是HTML

<ul>
    <li>Username:</li>
    <li>Password:</li>
</ul>

<ul>

    <li><input type="text" id="user" name="user" value="" /></li>
    <li><input type="text" id="pass" name="pass" value="" /></li>
    <li><input type="checkbox" name="show" value="password">Show password</li>
</ul>

<div id="onimg"></div>
<div id="offimg"></div>


</fieldset>

<button type="button" id="reg" value="" >Register</button>

一些css

#onimg {
  z-index:1000;
  position:absolute;
  left:300px;
  top:23px;
  background-image:url('notavailable.png');
  width:20px;
  height:20px;
}

#offimg {
  z-index:1000;
  position:absolute;
  left:300px;
  top:23px;
  background-image:url('available.png');
  width:20px;
  height:20px;
}

这里是jquery

$('#user').focusout(function(){

  var users = $('#user').val();

  $.getJSON( "available.php" ,      //The URL to perform the lookup
     {name: users }, //The data you send
     function (result){     //The function to fire upon return
         if (!result) {       //result is JSON formatted
             $('#onimg').fadeIn('fast');
         } else  {
             $('#offimg').fadeIn('fast');
         }                                             
  });

});

$(function() {
    $('#user').blur(function() {
        if($(this).val() == '') {
            $("#onimge").hide();
            $("#onimge").hide();
        }
    });
});

Answer 1

$(function() {
    $('#user').blur(function() {
        if($(this).val() == '') {
            $("#onimge").hide(); // You misspelled #onimg
            $("#onimge").hide(); // This one should be #offimg, not a repeat of #onimg
        }
    });
});

顺便说一下，你可以在一个电话中同时拍摄两张图片：

$("#onimg, #offimg").hide();

您还应该将$("#user").focusout()处理程序放在文档就绪函数中。

json与hide，否则如果

1 个答案: