本文主要介绍了js实现php1.cn/code/5983.html" target="_blank">多行文本框统计剩余字数功能的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
效果图：
代码如下：
js统计文本框剩余字数
你还可以输入:10个字 <script type="text/javascript"> function sy() { var num=document.getElementById("area").value.length; //console.log(num); var sheng=10-num; if(sheng==0){ //变颜色为红色 console.log(sheng); document.getElementById("span").style.color="#ff0000"; }else{ //变颜色为黑色 document.getElementById("span").style.color="#000000"; } document.getElementById("span").innerHTML=sheng; } function fun(){ var txt=document.getElementById("area").value; //这么写的意思是申请abc三个值都为0 var a=b=c=0; for(var i=0;i="a"&&ch<="z"){ a++; }else if(ch>="A"&&ch<="Z"){ b++; }else if(ch>="0"&&ch<="9"){ c++; } } //abc中分别统计了小写字母、大写字母、数字的个数 document.getElementById("p").innerHTML="大写字母有"+b+"个，小写字母有"+a+"个，数字有"+c+"个"; } 《script》
以上就是js实现多行文本框统计剩余字数功能的示例代码分享的详细内容，更多请关注 第一PHP社区 其它相关文章！
