javascript实现文本域写入字符时限定字数

190 阅读 0 评论 126 点赞

我是靠谱客的博主认真诺言，最近开发中收集的这篇文章主要介绍javascript实现文本域写入字符时限定字数，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

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