教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 JS限制Textarea文本域字符个数的代码分享(图文)

JS限制Textarea文本域字符个数的代码分享(图文)

发布时间:2015-01-06   编辑:jiaochengji.com
分享一个js代码,用于限制Textarea文本域中字符个数,可用于研究文本框字符输入限制,是个不错的小例子。

JS限制Textarea文本域字符个数的实例代码,参考如下:

<html>
<head> 
<title>JS限制Textarea文本域字符个数_www.jbxue.com</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<script language="JavaScript"> 
<!--// 
function textCounter(field, countfield, maxlimit) { 
// 函数,3个参数,表单名字,表单域元素名,限制字符; 
if (field.value.length > maxlimit) 
//如果元素区字符数大于最大字符数,按照最大字符数截断; 
fieldfield.value = field.value.substring(0, maxlimit); 
else 
//在记数区文本框内显示剩余的字符数; 
countfield.value = maxlimit - field.value.length; 
} 
--> 
</script> 
</head> 
<body> 
 <form name=myform action=""> 
  <textarea name="message" cols="28" rows="5" onKeyDown="textCounter(message,remLen,6);" onKeyUp=
"textCounter(message,remLen,6);"></textarea> 
  您还可以输入:<input name="remLen" type="text" value="6" size="5" readonly="readonly">个字符 
 </form> 
</body> 
</html>

效果图如下:
限制textarea文本域字符个数

您可能感兴趣的文章:
JS限制textarea中输入字数的代码
javascript限制文本框textarea输入字数的代码
textarea 换行字数限制问题的解决方法
js控制textarea自动换行的代码(图文)
限制textarea每行输入字符串长度的js代码
js限制textarea中每行输入字符串长度的方法
js实现textarea光标定位的方法(兼容IE和FF)
js限制TextArea字符串长度的代码

您可能感兴趣的文章:
JS限制Textarea文本域字符个数的代码分享(图文)
javascript限制文本框textarea输入字数的代码
js控制文本框自动适应文本长度的例子
限制textarea每行输入字符串长度的js代码
通过js实时统计文本框的输入字数限制
js限制TextArea字符串长度的代码
限制字符输入数功能(jquery版和原生JS版)
JS控制文本框只能输入N个字符代码
js限制textarea中每行输入字符串长度的方法
JS替换文本域内回车举例

[关闭]
~ ~