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()只會觸發。

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

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

 

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

Answer 2

你試過：

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