自动显示文本输入剩余字数，并限制文本输入字数

最新推荐文章于 2020-10-12 15:52:28 发布

pclook

最新推荐文章于 2020-10-12 15:52:28 发布

阅读量744

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： asp.net up

本文链接：https://blog.youkuaiyun.com/pclook/article/details/5953897

HTML 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个简单的JavaScript实现的文本区域字符计数器。当用户在文本区域内输入时，该计数器会实时更新剩余可输入的字符数量，并防止超出设定的最大限制。通过在<HEAD>和</HEAD>之间插入特定的JavaScript代码，可以轻松地将此功能添加到网页中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复制以下代码到<HEAD>和</HEAD>之间

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
countfield.value = maxlimit - field.value.length;
}
</script>

</HEAD>

以下复制到<form>和</form>之间

<center>
<font size="1" face="arial, helvetica, sans-serif"> ( You may enter up to 125 characters. )<br>
<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea>
<br>
<input readonly type=text name=remLen size=3 maxlength=3 value="125"> characters left</font>
</center>

代码实例：http://javascript.internet.com/forms/limit-textarea.html

在asp.net里后台代码里获取文本框输入的内容使用Request.Form("message")就可以