js控制文本框输入的字符数

1、页面代码

<s:textfield name="title" id="title" maxlength="20"></s:textfield>

2、js代码

这里需要jquery的支持

      $(function(){ 
                 var _area=$('#title'); 
                 var _info=_area.next(); 
                 var _max=_area.attr('maxlength'); 
                 var _val,_cur,_count,_warn; 
                 
                 _area.bind('keyup change',function(){ //绑定keyup和change事件 
                     if(_info.find('span').size()<1){//避免每次弹起都会插入一条提示信息 
                         _info.append('<span>你还可以输入<em>'+ _max +'</em>个字符<font>[不区分中英文字符数]</font></span>'); 
                     } 
                     _val=$(this).val(); 
                     _cur=_val.length; 
                     _count=_info.find('em'); 
                     _warn=_info.find('font'); 
                    if(_cur==0){//当默认值长度为0时,可输入数为默认maxlength值,此时不可提交 
                        _count.text(_max); 
                    }else if(_cur<_max){//当默认值小于限制数时,可输入数为max-cur 
                        _count.text(_max-_cur); 
                        _warn.text('不区分中英文字符数'); 
                    }else{//当默认值大于等于限制数时,插入一条提示信息并截取限制数内的值 
                        _count.text(0); 
                        _warn.text('不可再输入!'); 
                        $(this).val(_val.substring(0,_max)); 
                    } 
              }); 
        });