计算TextBox输入的字数

<script language="javascript" type="text/javascript" >
    // change()方法 在id 为txt 的TextBox 触发 onkeyup 事件时执行
        function change()
        {
            //找到txt 并获得他的内容 
            var value=document.getElementById('txt').value; 
           //计算还可以输入多少字符 
            var sum=20-value.length; 
            //判断能输入的字符数是否为负 
            if(sum<0) 
            { 
                //找到显示控件 并显示相应提示 
                document.getElementById('showDiv').innerHTML= '您还可以输入'+sum+'字符'; 
                //为负设置颜色为红色 
                document.getElementById('showDiv').style.color='red'; 
            } 
            else 
                document.getElementById('showDiv').innerHTML= '您还可以输入'+sum+'字符'; 
        } 
        </script>
</head>
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:TextBox ID='txt' runat="server" onkeyup="change()"  ></asp:TextBox> 
        <div id='showDiv'>您还可以输入20字符</div> 
</div>
posted @ 2010-11-13 16:32  wq294881405  阅读(583)  评论(0)    收藏  举报