傳遞3個字符長度後不會淡出錯誤消息

Question

<form id="createtableform" method="post" action=""> 
    <p> 
    Masa ismi : 
    <input type="text" name="name" id="tablename" /> 
    </p> 
    <p> 
    <input type="submit" name="submit" id="submit" value="submit" /> 
    </p> 
</form> 
<div id="error"></div> 

$('#tablename').focus(); 
$('#error').fadeOut(500); 
$('#tablename').keyup(function(){ 
var tablename = $('#tablename').length; 

if(tablename <= 3){ 

$('#error').html('Min 3 characters please'); 
$('#error').fadeIn(500); 
} 
if(tablename > 3){ 
$('#error').fadeOut(500); 
} 
}); 

爲什麼我在傳遞3個字符後不會淡出？

的jsfiddle：http://jsfiddle.net/bMJqH/3/

Answer 1

你得到匹配的元素，而不是文本的長度領域內的數組的長度。

變化：

var tablename = $('#tablename').length; 

要：

var tablename = $('#tablename').val().length; 

更新小提琴：http://jsfiddle.net/bMJqH/4/

此外，have a look at the API有關length財產。

Answer 2

試試這個：

$('#tablename').keyup(function(){ 

    var tablename = $('#tablename').val().length; 

    if(tablename <= 3){ 
     $('#error').html('Min 3 characters please'); 
     $('#error').fadeIn(500); 
    } else { 
     $('#error').fadeOut(500); 
    } 

});