一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

textarea 控制输入字符字节数示例代码

时间:2013-12-27 编辑:简简单单 来源:一聚教程网

实时统计数字html

 代码如下 复制代码

<textarea id="text" cols="110" rows="20" dir="ltr" onKeyDown="CountStrByte()" onKeyUp="CountStrByte()"
  onfocus="if(this.value=='优质专业的回答更容易被关注!') this.value='';" onblur=" if(this.value=='') this.value='优质专业的回答更容易被关注!'">优质专业的回答更容易被关注!

js代码,把下面代码保存成111com.net.js文件

 代码如下 复制代码

var LastCount =0;
function CountStrByte(){ //字节统计
 var ByteCount = 0;
 var StrValue  = ID('text').value;
 var StrLength = StrValue.length;
 var MaxValue  = 1000;
 
 if(LastCount != StrLength) { // 在此判断,减少循环次数
 for (i=0;i   
  ByteCount  =  ByteCount + 1;
  
      if (ByteCount>MaxValue) {
   
       ID('text').innerHTML = StrValue.substring(0,i);
   alert("评论内容最多不能超过 1000 个字!");
   
         ByteCount = MaxValue;
  
         break;
      }
 }
   ID('Remain').innerHTML = MaxValue - ByteCount;
   LastCount = StrLength;
 }
}

热门栏目