• js字符串判断


    <!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>计算字符-Demo1</title>
    </head>
    <body>
    <div id="tips">最多10个字</div>
    <input type="text" value="" onkeyup="test(this)" />
    <script type="text/javascript">
    var num=15;
         function len(x){
         var text=x;
        return text.replace(/[^x00-xff]/g,"**").length;        //汉字替换为2字符
        }
    function test(obj){
    var tips = document.getElementById("tips");
    var str = obj.value;
    var n=Math.ceil(len(str)/2);
        if((num-n)>0){
        tips.innerHTML="你还可以输入"+(num-n)+"个字";
        }else{
        thips.innerHTML="你还可以输入"+(n-num)+"个字";
        }
        
    }
    </script>
    </body>
    </html>

    写法2:

    <!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>计算字符-Demo1</title>
    </head>
    <body>
    <div id="tips">最多10个字</div>
    <input type="text" value="" onkeyup="test(this)" />
    <script type="text/javascript">
    var num=15;
         String.prototype.len=function(){
        return this.replace(/[^x00-xff]/g,"**").length;        //汉字替换为2字符
        }
    function test(obj){
    var tips = document.getElementById("tips");
    var str = obj.value;
    var n=Math.ceil(str.len()/2);
        if((num-n)>0){
        tips.innerHTML="你还可以输入"+(num-n)+"个字";
        }else{
        thips.innerHTML="你还可以输入"+(n-num)+"个字";
        }
        
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    Linux文件系统属性权限chattr与lsattr命令
    Linux权限管理之ACL权限
    慈悲
    存在的四个象限
    白细胞低的原因
    释放能量和注意力
    [C#] 走进异步编程的世界
    改变世界的工程师:荣耀背后深刻着孤独
    分享基于EF+MVC+Bootstrap的通用后台管理系统及架构(转)
    如何拿到半数面试公司Offer——我的Python求职之路(转)
  • 原文地址:https://www.cnblogs.com/tinyphp/p/3374630.html
Copyright © 2020-2023  润新知