首页 > 代码库 > textarea 设置最长字数和显示剩余字数

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

<textarea id="b" rows="4" cols="20" ></textarea>
<div><span id="a">已输入字符: </span><input type="button" value="http://www.mamicode.com/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=http://www.mamicode.com/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 设置最长字数和显示剩余字数