js实时提示文本框还能输入的字数

最新推荐文章于 2022-03-20 12:06:26 发布

原创最新推荐文章于 2022-03-20 12:06:26 发布 · 318 阅读

CC 4.0 BY-SA版权

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的实时文本框字数限制功能，确保用户输入的内容不会超过预设的最大长度，并通过计数反馈剩余可输入字数。

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

//实时提示文本框还能输入的字数
function countChar(textareaName,spanName){
var val = document.getElementById(textareaName).value;
if(300-val.length <=0) {
document.getElementById(spanName).innerHTML = 0;
document.getElementById(textareaName).value = val.substring(0,300);
}else{
document.getElementById(spanName).innerHTML = 300-val.length;
document.getElementById("tiaoshu").innerHTML = Math.floor(val.length/71)+1;
}
}
<textarea id="content" name="content"
style="width: 550px; height: 200px;" onBlur="checkContent()" onkeydown='countChar("content","counter");' onkeyup='countChar("content","counter");'></textarea>