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

最新推荐文章于 2024-10-22 14:48:28 发布

原创最新推荐文章于 2024-10-22 14:48:28 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

WEB F-E 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的文本区域字符输入限制与自动分割的功能。该功能能够有效地控制用户在文本区域内的输入长度，并将长文本自动分割成指定长度的多个部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[color=red]引用某位仁兄的笔迹。。。。[/color]

<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>