实现这个效果有很多方法,这里就介绍一种jQuery插件maxlength,它的使用非常简单,让我们先看看演示: jquery maxlength演示地址演示代码打包下载 看看Demo中的重点代码: 1.载入maxlength.js <script type="text/javascript" src="maxlength.js"></script> 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.调用 复制代码 代码如下: <form action=""> <p>可以输入 <span class="charsLeft">20</span> 个字符</p> <textarea class="limited"></textarea> <input type="hidden" name="maxlength" value="20" /> </form> <form action=""> <p>可以输入 <span class="charsLeft">10</span> 个字符</p> <input maxlength="10" class="limited" /> </form> 一些必要的解释:'useInput' : true 因为textarea需要借助input来实现,所以当你使用textarea的时候就需要这个参数'feedback' : '.charsLeft' 是指即时显示的字数放入 class="charsLeft " 的容器中input中设置最大数值直接用 maxlength="10" textarea中的大数值需要设置与其对应input的value数值 value="20"

　　推荐阅读

　　js 文件引入实现代码

也不好麻烦让他们从新写一个方法，由于他们都引用了这个AA.js文件，想在这边在AA.js后执行一个函数自动把jq库引入，于是想到引入js文件方法： 复制代码 代码如下: getScript : function(s,call){ var el = UI.DC('>>>详细阅读

本文标题：jQuery maxlength文本字数限制插件

地址：http://www.17bianji.com/kaifa2/JS/26567.html

 1/2    1