TextArea动态显示输入剩余字符

TextArea动态显示输入剩余字符

<divclass="form">
<divclass="con">
<ul>
<li>剩余字数的限制</li>
<li><textareacols="40"rows="8"id="text1"></textarea></li>
<li>剩余字符:<spanid="textleft"></span></li>
</ul>
</div>
</div>

<scriptlanguage="javascript">
varotext=document.getElementById("text1");
varotextleft=document.getElementById("textleft");
varre=/[^\x00-\xff]/g;
varmaxLength=40;
window.οnlοad=function(){
if(document.all)
otext.onpropertychange=textleft;
else
otext.οnkeypress=textleft;
}
functiontextleft()
{
varstr=otext.value;
str=str.replace(re,"xx");//中文字符当2个字符处理如果不用的话主是掉本行
otextleft.innerHTML=maxLength-str.length;
}
</script>