javascript实例教程之计算文本域剩余字数

发布时间:2020-09-03编辑:脚本学堂
本文介绍下,一个javascript实例,用于计算文本域中的剩余字数,有需要的朋友参考下吧。

1,页面内容部分

复制代码 代码示例:
<hr>
<textarea cols="20" rows="4" onkeyup="displaySpareNumber(this,10)" onchange="displaySpareNumber(this,10)"></textarea>
剩余字数:<input  id="spareNumber" name="spareNumber" value="10" size="1"/>

2,js代码部分

复制代码 代码示例:
<script type="text/javascript" language="JavaScript">
/**
 * javascript实例教程
 * 计算文本域剩余字数
 * edit www.jb200.com
*/
function displaySpareNumber(_this,size)
{
var spareNumber=document.getElementById("spareNumber");
//汉字长度
var len=_this.value.replace(/[^x00-xff]/gi,'xx').length;
var snum=parseInt(size)-len;
spareNumber.value=snum;
if(snum<0)
{
if(_this.value.length!=len)
{
if((len-_this.value.length)>(size/2))
{
_this.value=_this.value.substring(0,size/2);
}
else
{
_this.value=_this.value.substring(0,size-(len-_this.value.length));
}
}
else
{
_this.value=_this.value.substring(0,size);
}
spareNumber.value=0;
return;
}
}
</script>

说明:

displaySpareNumber(this,10) 与 <input  id="spareNumber" name="spareNumber" value="10" size="1"/>中的10,为定义的内容长度。