Twitter-подобный текстовый счетчик символов со встроенным предупреждением

Question

Я хотел бы, чтобы текстовое поле «подсчитывало», которое будет увеличивать счетчик при вводе пользователем и отображать текстовое предупреждение, когда пользователь пересекает требуемый символ, но все же позволяет пользователю продолжать ввод.

Answer 1

Если вы хотите бросить свой собственный

HTML

<div>
  Type text here:
  <input type="text" id="txt" />
</div>
<div id="warning" style="color: red; display: none">
  Sorry, too much text.
</div>
<br>
<input type="text" id="counter" disabled="disabled" value="0"/>

Сценарий

$("#txt").keyup(function () {
    var i = $("#txt").val().length;
    $("#counter").val(i);
    if (i > 10) {
        $("#warning").show()
    } else {
        $("#warning").hide()
    }
});

JSFiddle здесь

Answer 2

Вы можете проверить это плагины http://plugins.jquery.com/plugin-tags/character-counter