新微赢技术网
标题:
限制textarea的输入字数
[打印本页]
作者:
寻觅鼠
时间:
2009-9-15 01:31
标题:
限制textarea的输入字数
一般情况下TextArea区输入的文字数量是没有限制的，但是我们可以通过javascript限制表单的文字字数。
如下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>
如下是表单：
以下是片段：
<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>
作者:
波少
时间:
2009-12-24 08:05
对不起，我走错地方了，呵呵
欢迎光临 新微赢技术网 (http://bbs.weiying.cn/)
Powered by Discuz! X3.2