动态显示textarea中输入的字符长度

发布时间:2011年4月3日 作者:未知 查看次数:1404

动态显示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>



版权所有!www.sieye.cn
E.Mail:sieye@sohu.com QQ:66697110