2012-05-18 1 views
0

여기에서 뭔가를 간과 할 수 있다고 생각합니다. 나는 <textarea> 아래의 <span> 요소에 텍스트 영역의 문자 수를 표시하려고합니다.jQuery textarea keyUp이 (가) 다음 코드를 모두 깨고 있습니다.

jQuery를 :

$('#ws3 .textarea textarea[name="company-description"]').keyUp(function() { 

var charLength = $(this).val().length; 

$('span#charCount').html(charLength + ' of 250 characters used'); 

if($(this).val().length > 250) 
$('span#charCount').html('<strong>You may only have up to 250 characters.</strong>'); 

}); 

가 HTML : 나는 다음과 같은 jQuery를 및 HTML 사용하고, 또한

<div id="ws3" class="ws-section"> 
<label for="company-description">Describe your company for us</label> 
<div class="textarea"> 
    <textarea id="company-description" name="company-description" class="ws-required"></textarea> 
</div> 
<span id="charCount">charCount</span> 
</div> 

는,이 블록을 다음 모든 jQuery 코드가 작동하지 않습니다를 거의 브라우저가 중지 된 경우 등 이 코드 블록에서 .js 파일을 읽습니다.

답변

3

keyUp 기능이 없습니다 .. keyup로 변경 한 다음 그것을 잘 작동합니다 ..

$('#ws3 .textarea textarea[name="company-description"]').keyup(function() { 

DEMO

팁 : 스크립트 오류가

  1. 있다 , Javascript 컴파일러는 오류 줄 아래의 다음 줄 실행을 중지하고 다음에 계속됩니다 js 파일 또는 다음 <script> 블록
  2. 미래에는 스크립트에 문제가있을 때마다 콘솔에서 오류를 확인하십시오. 아래는 내가 keyUp

Error: $("#ws3 .textarea textarea[name=\"company-description\"]").keyUp is not a function

+0

입니다 jQuery를에 더 keyUp 기능이 나는 사람들이 얼마나 잘 실현 생각하지 않는다 없다 가지고 무엇을 그들이 그것을 Stackoverflow에 가져 가라. +1. – Ohgodwhy

2

을 사용했을 때이 함수 이름은 때때로 keyup

Working Demo

+0

/나는 그 자신의 머리를 때린다. 고마워요 조이! –