텍스트 영역의 문자 수를 확인하는이 jquery 형식의 문제점은 무엇입니까?

Question

텍스트 영역에 100자가 넘는 문자가있는 경우 제출 버튼을 활성화하는 코드입니다. 그러나 나는 그것을 얻을 수 없습니다. 아마 jquery 버전이 잘못 되었나요? 나는 모른다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<form> 
    <textarea id="textareaId"></textarea> 
    <input type="submit" id="submitId" disabled="disabled" /> 
</form> 
<script type="text/javascript"> 
    setInterval(function() { 
    if(("#textareaId").val().length > 100) { 
     $("#submitId").removeAttr("disabled"); 
    } else { 
     $("#submitId").attr("disabled", "disabled"); 
    } 
    }, 500); //Runs every 0.5s 
</script> 

Answer 1

당신이 누락 앞에 $ 누락하고 onchange 대신 setInterval (A)의를 사용하려고하고 있습니다 :

$("#textareaId").change(function() { 
    if((this.value).length > 100) { 
    $("#submitId").removeAttr("disabled"); 
    } else { 
    $("#submitId").attr("disabled", "disabled"); 
    } 
}).keyup(function(){$(this).change()}); 

바이올린 : http://jsfiddle.net/maniator/7Kch9/

Answer 2

이보다 효율적으로 할 수있는 $("#textareaId")
에 의해을 ("#textareaId")

Answer 3

왜 0.5 초마다 확인하고 싶습니까? 당신은 단순히 텍스트 입력의 변경을 체크 할 수있었습니다.

$('#textareaID').change(function() { 
    //you logic for checking 100 characters here. 
}); 

Answer 4

'변경'보다는 '키 업'에 약간 다른 접근 방식 바인딩. 또한 HTML이 아닌 JS로 버튼을 비활성화하는 것이 가장 좋습니다.

http://jsbin.com/aviji4

Answer 5

나는 같은 원리하지만, 나머지보다가 약간 다른 수행 한 다음 working jsFiddle demo

var $submit = $("#submitId"), 
    $textarea = $("#textareaId"), 
    NUM_OF_CHARS_TO_ENABLE_SUBMIT = 100; 

$textarea.keyup(function() { 

    if (this.value.length > NUM_OF_CHARS_TO_ENABLE_SUBMIT) { 

     $submit.removeAttr("disabled"); 

    } else { $submit.attr("disabled", "disabled"); } 

}); 

보기.