类似 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-柜台