jq实现文字个数限制_jQuery文本字数限制插件-maxlength

相信大家对twitter类的微博客都不陌生,作为一句话博客其字数即时提示效果设计的非常人性化. 实现这个效果有很多方法,这里就介绍一种jQuery插件maxlength,它的使用非常简单,让我们先看看演示: Demo maxlength.js下载 看看Demo中的重点代码: 1.载入maxlength.js

2.加入函数,Demo中有3个例子,你可以根据实际需要选择不同的函数,不过最后一个例子对于中文而言是无效的. $(function () { $(‘textarea.limited’).maxlength({ ‘feedback’ : ‘.charsLeft’, ’useInput’ : true }); $(‘input.limited’).maxlength({ ‘feedback’ : ‘.charsLeft’ }); $(‘textarea.wordLimited’).maxlength({ ‘words’: true, ‘feedback’: ‘.wordsLeft’, ’useInput’ : true }); }); 3.调用

可以输入 20 个字符可以输入 10 个字符

一些必要的解释: ‘useInput’ : true 因为textarea需要借助input来实现,所以当你使用textarea的时候就需要这个参数 ‘feedback’ : ‘.charsLeft’ 是指即时显示的字数放入 class=”charsLeft ” 的容器中 input中设置最大数值直接用 maxlength=”10″ textarea中的大数值需要设置与其对应input的value数值 value=”20″