動態顯示：文字框字數(輸入還剩多少字)

抬頭望遠，低頭沉思發表於2020-04-07
文字框字數(輸入還剩多少字)
 今天自己在做一個小網站的時候用到這個功能,便把程式碼貼了下來,程式碼如下:
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">&nbsp;你還可以留言
<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

相關文章