用JS实现字符处理

最新推荐文章于 2021-05-31 02:00:58 发布

sdfujichao

最新推荐文章于 2021-05-31 02:00:58 发布

阅读量404

点赞数 1

分类专栏： javascript 文章标签： JS中字符串的处理

本文链接：https://blog.csdn.net/sdfujichao/article/details/51274496

版权

javascript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

统计一共有多少个数字，字母，特殊字符。限制最多输入100个字符

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <script type="text/javascript">
           function sum(){
               var str = document.getElementById("text").value;
               var lower =0;
               var uper = 0;
               var num = 0;
               var other = 0;
               for(var i=0;i<str.length;i++){

                   if(str.charAt(i)>="A" && str.charAt(i)<="Z")
                       uper++;
                   else if(str.charAt(i)>="a" && str.charAt(i)<="z")
                       lower++;
                   else if(str.charAt(i)>=0 && str.charAt(i)<=9)
                       num++;
                   else{
                       other++
                   }
               }
               document.write("大写字母的个数："+uper+"小写字母的个数:"+lower+"数字的个数:"+num+"其它字符:"+other);
           }
           function numWord(){
               //alert("fuji");
               var str = document.getElementById("text").value;
               var len = str.length;
               var lenvar = 99 - len;
               document.getElementById("textspan").innerHTML="剩余字符"+lenvar+"个";
               if(len >98){
                   document.getElementById("textspan").style.color="red";
                   str=str.substr(0,98);
                   document.getElementById("text").value=str;
               }
           }
       </script>
<body>
   <textarea id="text" rows="3" cols="4" οnkeydοwn="numWord()"></textarea>
   <span id="textspan">剩余个数（100）个</span>
    <input type="button" value="登录" id="btn" οnclick="sum()" />
   </body>
</html>