Проверка символов счетчика текста

Question

Я пишу страницу asp с помощью vb.net, и мне нужно подсчитать количество символов в текстовом поле и отобразить сообщение: «Осталось символов X».

, что мой жерех код:

<td valign='top'> 
       <textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50"></textarea> 
      </td> 

Answer 1

Вот JSFiddle

HTML:

<textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50"></textarea> 
<p id="message"></p> 

JS:

var area = document.getElementById("content_txt"); 
var message = document.getElementById("message"); 
var maxLength = 50; 
var checkLength = function() { 
    if(area.value.length < maxLength) { 
     message.innerHTML = (maxLength-area.value.length) + " characters remaining"; 
    } 
} 
setInterval(checkLength, 300); 

Answer 2

это вернет текущую длину текстового поля с помощью JQuery var length = $('#content_txt').val().length; и остальной логики, вы должны дать ему попробовать ..

Answer 3

<td valign='top'> 
    <textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50"></textarea> 
    <span id="character-count">100</span> characters remaining. 
</td> 


var totallength = 100; 

$('textarea#input').on('keydown, keyup', function(e) { 
    $('span#character-count').text((totallength - input.val().length)); 
}); 

Answer 4

попробовать этот

function fix(dis) 
    { 
     var total=50; // ho many you want to show 
     var val = dis.value; 

     var count = val.length; 
     document.getElementById('remaining').innerHTML= total-count; 
    } 

    <td valign='top'> 
     <textarea rows="5" id="content_txt" name="TextArea1" runat="server" maxlength="50" onkeyup="fix(this)"></textarea> 
    </td> 

    <p><span id="remaining">0</span> Characters remaining</p> 

Answer 5

У меня есть немного, но функциональное решение моего друга, попробуйте следующее:

HTML КОД

<textarea name="message"placeholder="Reply message..." maxlength="155" onkeyup="counter(this);"></textarea> 
<div id="counter_div">0/155</div> 

JAVASCRIPT КОД

<script> 
    function counter(msg){ 
     document.getElementById('counter_div').innerHTML = msg.value.length+'/155'; 
    } 
</script> 

Этот предел ограничивает 155 символов.