简明现代魔法 -> JavaScript -> 限制多行文本域输入的字符个数

限制多行文本域输入的字符个数

2009-10-27

效果演示

字节数: 最大字节数: 已用字节: 剩余字节:

JavaScript代码

<script language=JavaScript>
var LastCount =0;
function StatByte(Message,maxs,Used,Remain){ //字节统计
 var ByteCount = 0;
 var StrValue  = Message.value;
 var StrLength = Message.value.length;
 var maxsValue  = maxs.value;
if(LastCount != StrLength) { // 在此判断,减少循环次数
	for (i=0;i<StrLength;i++){
		ByteCount  = (StrValue.charCodeAt(i)<=256) ? ByteCount + 1 : ByteCount + 2;
      if (ByteCount>maxsValue) {
      	Message.value = StrValue.substring(0,i);
		alert("留言内容最多不能超过 " +maxsValue+ " 个字节!\n注意:一个汉字为两字节。");
         ByteCount = maxsValue;
         break;
      }
	}
   Used.value = ByteCount;
   Remain.value = maxsValue - ByteCount;
   LastCount = StrLength;
 }
}
</script>

要限制输入的字符个数,关键是onKeyDown和onKeyUp事件。再调用自定义的function StatByte()函数,来实现字符限制。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们