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

抬頭望遠,低頭沉思發表於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

相關文章