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

本文介绍了一个简单的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")就可以

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值