jQuery - 当输入长度小于3个字符时隐藏div

Question

我想在输入长度小于3个字符时隐藏div。

这是我的代码：

<div id="Container" class="content">
<input type="text" name="search" class="search" id="searchid" placeholder="Wyszukaj..." /><br /> 
<div id="result"></div>
</div>

<script>
$('input[name=search]').change(function()
{
      if( $(this).val().length < 3 ) {
           jQuery("#result").fadeOut(); 
      }
});
</script>

重要提示：当用户更改此输入时，这应该有用。

感谢。

Answer 1

您希望在用户正在更改输入值时使用.keyup()事件捕获。 change()只会在输入失去焦点时触发。

＆＃13;

＆＃13;

$('input[name="search"]').keyup(function() {
  if ($(this).val().length < 3) {
    $(this).fadeOut();
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input name="search" placeholder="Hello" />

＆＃13;

＆＃13;

＆＃13;

Answer 2

你试过了吗？

$('#result').hide();