textarea中输入字数的限制

Posted demon09

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了textarea中输入字数的限制相关的知识,希望对你有一定的参考价值。

<textarea id="area" name="ss" placeholder="请输入文本内容"  rows="10" cols="50" onkeydown=‘inputLimit(this,1,2000);‘ onkeyup=‘inputLimit(this,1,2000);‘></textarea>
<script type="text/javascript">
    /*字数限制*/
function inputLimit(field, type, maxlimit) {
	if (type == 1) {
		if (field.value.replace(/[^x00-xff]/g, "xx").length > maxlimit) {
			alert("输入字数已达上项");
			var str = "";
			var n = 0;
			var schar;
			for (var i = 0; schar = field.value.charAt(i); i++) {
				n += (schar.match(/[^x00-xff]/) != null ? 2 : 1);
				if (n > maxlimit)
					break;
				str += schar;
			}
			field.value = str;
		}
	}
}
</script>

 注:onkeyup和onkeydown需要同时使用,2000推荐使用数据库中的varchar2()中的最大长度

以上是关于textarea中输入字数的限制的主要内容,如果未能解决你的问题,请参考以下文章

完美兼容实现:解决textarea输入框限制字数长度(带统计功能)

工作总结 input 限制字数 textarea限制字数

监听文本框输入开发仿新浪微博限制输入字数的textarea插件

兼顾pc和移动端的textarea字数监控的实现方法

兼顾pc和移动端的textarea字数监控的实现方法

完美解决textarea字数限制