30-解决方案

11.7.2　解决方案

maxlength插件（http://jquery-cookbook.com/go/plugin-maxlength）在文本区域前后添加一个“Characters left: x”，解决了这个问题。该插件应用到文本输入框或者文本区域之后，寻找具有 charsLeft 类的元素，更新字符计数：

<form action="/comment">
　 <p>Characters left: <span class="charsLeft">10</span></p>
　 <textarea name="commentbody" maxlength="10"></textarea>
</form>
$('textarea').maxlength();

为了减少干扰，可以用jQuery创建必要的元素，使表单的标记更简单：

<form action="/comment">
　 <textarea name="commentbody" maxlength="10"></textarea>
</form>
var textarea = $('textarea');
$('<p>Characters left: <span class="charsLeft">10</span></p>').insertBefore(textarea);
textarea.maxlength();