javascript实现文本域写入字符时限定字数
(编辑：jimmy 日期: 2026/3/19 浏览：3 次 )
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<textarea id="text"cols="20" rows="5" onkeyup="sum ()" onfocus="focu()"></textarea>
<span id="span"></span>
</body>
<script>
function sum(){
var str =document.getElementById("text");
var cont=str.value;
var len=cont.length;
document.getElementById("span").innerHTML="您当前输入了"+len+"个字符";
if(len>=100){alert("您不能再写入了，已经达到最大限度！");
document.getElementById("text").value=cont.substr(0,99);
//实现100字最大限度 ，如果超过了，不在写入数据！
}
}
</script>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<textarea id="text"cols="20" rows="5" onkeyup="sum ()" onfocus="focu()"></textarea>
<span id="span"></span>
</body>
<script>
function sum(){
var str =document.getElementById("text");
var cont=str.value;
var len=cont.length;
document.getElementById("span").innerHTML="您当前输入了"+len+"个字符";
if(len>=100){alert("您不能再写入了，已经达到最大限度！");
document.getElementById("text").value=cont.substr(0,99);
//实现100字最大限度 ，如果超过了，不在写入数据！
}
}
</script>
</html>
下一篇：js 绑定键盘鼠标事件示例代码