码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-08-08 12:26:36      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:++   for   math   span   tar   ext   textarea   click   get   

<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 设置最长字数和显示剩余字数

标签:++   for   math   span   tar   ext   textarea   click   get   

原文地址:http://www.cnblogs.com/nns4/p/7305858.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!