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; 

업데이트 바이올린 다음 length 부동산에 관한 또한 http://jsfiddle.net/bMJqH/4/

, have a look at the API.

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); 
    } 

});