限制TextArea区的文字输入数量

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

一般情况下TextArea区输入的文字数量是没有限制的,在这里你可以限制输入的文字数量同时显示尚能继续输入的字符数。

如下javascript代码加入html的<head>...</head>之间:

<SCRIPT LANGUAGE="JavaScript">

<!--//

function textCounter(field, countfield, maxlimit) {

// 定义函数,传入3个参数,分别为表单区的名字,表单域元素名,字符限制;

if (field.value.length > maxlimit)

//如果元素区字符数大于最大字符数,按照最大字符数截断;

field.value = field.value.substring(0, maxlimit);

else

//在记数区文本框内显示剩余的字符数;

countfield.value = maxlimit - field.value.length;

}

//-->

</SCRIPT>

如下是表单区,在HTML的<body>...</body>之间:action指向任意指定的处理程序。

<form name=myform action="">

<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=4 maxlength=3 value="125">

个字符</div>

</form>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航