jquery maxlength 简单实例

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

看看Demo中的重点代码:
1.载入maxlength.js
<

script type=”text/网页特效” src=”http://iinterest.net/blog/js/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 个字符

       
 

一些必要的解释: