用JS实现字符处理

来源：互联网发布：淘宝首页广告费用编辑：程序博客网时间：2024/06/06 05:04

统计一共有多少个数字，字母，特殊字符。限制最多输入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" onkeydown="numWord()"></textarea>
   <span id="textspan">剩余个数（100）个</span>
    <input type="button" value="登录" id="btn" onclick="sum()" />
   </body>
</html>

1 0