ASP.NET文本框 - jQuery計數器功能沒有被解僱

Question

我有一個jQuery的函數，應該計算用戶在ASP.NET文本框中輸入的字符。此信息將顯示在：

<span ID="remaining" class="label">160 characters remaining</span> 
<span ID="messages" class="msgleft">1 message(s)</span> 

The jQUery function is shown below: 

<script type="text/javascript"> 
     $(document).ready(function() { 
      var $remaining = $('#remaining'), 
     $messages = $remaining.next(); 

      $('#messagetext').keyup(function() { 
       var chars = this.value.length, 
      messages = Math.ceil(chars/160), 
      remaining = messages * 160 - (chars % (messages * 160) || messages * 160); 

       $remaining.text(remaining + ' characters remaining'); 
       $messages.text(messages + ' message(s)'); 
      }); 
     }); 
</script> 

ASP.NET文本框的ID是messagetext，但jQuery函數/事件未被觸發。當我使用HTML文本區域時，它工作正常。任何想法 ？

Answer 1

試試這個：

//.net dynamic ClientID 
    $('#<% = messagetext.ClientID %>').keyup(function() { 
      var chars = this.value.length, 
     messages = Math.ceil(chars/160), 
     remaining = messages * 160 - (chars % (messages * 160) || messages * 160); 

      $remaining.text(remaining + ' characters remaining'); 
      $messages.text(messages + ' message(s)'); 
     }); 

或

//jquery input id wildcard selector 
    $("input:[id*=messagetext]").keyup(function() { 
      var chars = this.value.length, 
     messages = Math.ceil(chars/160), 
     remaining = messages * 160 - (chars % (messages * 160) || messages * 160); 

      $remaining.text(remaining + ' characters remaining'); 
      $messages.text(messages + ' message(s)'); 
     }); 

Answer 2

謝謝合作。我不得不做一個小小的改變：

$("[id$=messagetxt]").keyup(function() { 
     var chars = this.value.length, 
    messages = Math.ceil(chars/160), 
    remaining = messages * 160 - (chars % (messages * 160) || messages * 160); 
     $('input[id=remaining]').val(remaining + ' characters remaining'); 
     $('input[id=messages]').val(messages + ' message(s)'); 
    });