textarea 设置最长字数和显示剩余字数

Posted 赵理通

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了textarea 设置最长字数和显示剩余字数相关的知识,希望对你有一定的参考价值。

<textarea id="b" rows="4" cols="20" ></textarea>
<div><span id="a">已输入字符: </span><input type="button" value="OK" onclick="cha()"></div>
<script language="javascript">
<!--
var ppl=70//每条长
var maxl=200//总长
document.onkeydown=function(){
var s=document.getElementById("b").value.length +1;
if(s>maxl)document.getElementById("b").value=document.getElementById("b").value.substr(0,maxl-1)
else document.getElementById("a").innerhtml="已输入:"+s+"/"+maxl+" 字符"
}
function cha(){
var txt=document.getElementById("b").value,tl=txt.length;
var txtArray=[],k=(tl/ppl<=1)?1:Math.ceil(tl/ppl);
for (var i=0;i<k;i++){
txtArray[i]=txt.substr(i*ppl,ppl);
alert(txtArray[i]) ;
}
document.getElementById("b").value=""
document.getElementById("a").innerHTML="已输入字符: "
}
//-->
</script>

以上是关于textarea 设置最长字数和显示剩余字数的主要内容,如果未能解决你的问题,请参考以下文章

textarea还剩余字数统计,支持复制粘贴的时候统计字数

angularjs textarea 剩余字数统计

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

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

textarea文本域字数控制---并显示已输入字数

TextArea字数限制如何设置? [复制]