动态显示textarea中输入的字符长度
取自http://topic.csdn.net/u/20070511/20/0cef8fb1-a72c-417b-b214-ef65693d447a.html
<html><head><meta http-equiv=Content-Type content="text/html;charset=gb2312">
<title>百</title>
</head>
<body>
onpropertychange粘贴情况
onkeyup输入情况
<textarea cols="100" rows="5" id="text" onkeyup="limitInput()" onpropertychange="limitInput()"></textarea> <span id="tip"></span>
<script language= "JavaScript">
<!--
var len=10;
var v="";
window.onload=function()
{
document.getElementById("tip").innerText="最多可以输入"+len+"个字符";
}
function limitInput()
{
obj=document.getElementById("text");
var reg=/[\u4E00-\u9FA5]/g;
var len2=obj.value.replace(reg,"??").length;
if(len2> len)
{
alert("你输入了"+len2+"个字符,最多可以输入"+len+"个字符(一个汉字算两个字符)。");
obj.value=v;
}
else
{
v=document.getElementById("text").value;//把内容存入v
document.getElementById("tip").innerText="你输入了"+v.replace(reg,"??").length+"个字符,还可以输入"+(len-v.replace(reg,"xx").length)+"个字符。";
}
}
//-->
</script>
</body>
</html>