当前位置:编程学习 > JS >>

jquery 限制textarea文本框输入字符数量代码

jquery实例

 代码如下 复制代码

(function($) {
    $.fn.extend( {
        limiter: function(limit, elem) {
            $(this).on("keyup focus", function() {
                setCount(this, elem);
            });
            function setCount(src, elem) {
                var chars = src.value.length;
                if (chars > limit) {
                    src.value = src.value.substr(0, limit);
                    chars = limit;
                }
                elem.html( limit - chars );
            }
            setCount($(this)[0], elem);
        }
    });
})(jQuery);

//To setup the limiter, simply include a call similar to the one below:
var elem = $("#chars");
$("#text").limiter(100, elem);

js文本框textarea限制输入文字个数为200个

 代码如下 复制代码


<h3>设计理念说明(200字以内)</h3>
<textarea onkeyup="checkLen(this)"></textarea>
<div>您还可以输入 <span id="count">200</span> 个文字</div>
 
<script type="text/javascript">
function checkLen(obj) 
{
    var maxChars = 200;//最多字符数
    if (obj.value.length > maxChars)
    obj.value = obj.value.substring(0,maxChars);
    var curr = maxChars - obj.value.length;
    document.getElementById("count").innerHTML = curr.toString();
}
</script>


例2

 

 代码如下 复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 文本框textarea限制输入文字个数的方法 </TITLE>
 </HEAD>
 <BODY>
 <textarea onkeyup="cls(this,50,'v')" oncontextmenu="cls(this,50,'v')"></textarea>
 <span id="v"></span>
 <script type="text/javascript">
  function cls(obj,max,v){
   var reg=/[^x00-xff]/gm;
   var str=obj.value.replace(reg,'aa');//全换成单字节字符计算
   var v=document.getElementById('v');
   
   if(str.length>max){
    var n=0,strr=[];
    for(var i=0;i<obj.value.length;i++){//得到50字节以内的字符
     /[^x00-xff]/.test(obj.value.charAt(i))?n+=2:n+=1;
     if(n>max)break;
     strr.push(obj.value.charAt(i));
    }
    obj.value=strr.join('');
    v.innerHTML=0;
   }else{
    v.innerHTML=max-str.length;
   }
  }
 </script>
 </BODY>
</HTML>
补充:网页制作,jquery 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,