当前位置: 代码迷 >> Web前端 >> 限制textarea篇幅并实时显示输入字数统计
  详细解决方案

限制textarea篇幅并实时显示输入字数统计

热度:171   发布时间:2012-11-06 14:07:00.0
限制textarea字数并实时显示输入字数统计
引用某位仁兄的笔迹。。。。

<textarea id="b" rows="4" cols="20" ></textarea>
<div><span id="a">已输入字符: </span><input type="button" value="OK" ></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>
  相关解决方案