您的位置：首页 > 其它

动态显示：文本框字数(输入还剩多少字)

2009-08-27 14:30 274 查看

文本框字数(输入还剩多少字)
今天自己在做一个小网站的时候用到这个功能,便把代码贴了下来,代码如下:




Code
<script type="text/javascript" language="javascript">     
    function   textCounter(field,   maxlimit)  
     {     
      if   (document.getElementById(field).value.length   >   maxlimit)   
      {
        document.getElementById(field).value   =   document.getElementById(field).value.substring(0,maxlimit);    
      }  
      else     
      {
        document.getElementById("remLen").value   =   maxlimit   -   document.getElementById(field).value.length; 
      }   
    }     
</script>

aspx页面代码:




Code
<form runat="server" id="writemsgtxt">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td height="22" align="left"> 你還可以留言
                          <input readonly type="text" id="remLen" runat="server" size="4" maxlength="3" value="500" class="input1" />
                          字
                        </td>
                      </tr>                            
                      <tr>
                        <td align="left">
                        <asp:TextBox ID="content" runat="server" CssClass="input2" Rows="8" Columns="50" TextMode="MultiLine" onkeyup="textCounter('content',500)"></asp:TextBox>
                        </td>
                      </tr>
</table>
</form>

引用自：http://www.cnblogs.com/gaozhong98/archive/2008/11/04/1326571.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航