zoukankan      html  css  js  c++  java
  • js判断输入字符串长度(汉字算两个字符,字母数字算一个)

    js判断输入字符串长度(汉字算两个字符,字母数字算一个)

    文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证。

    废话不多说上代码:

    复制代码
    <html>
    <head>
        <title>js判断输入字符串长度(汉字算两个字符,字母数字算一个)</title>
        <style type="text/css">
            .pbt {
                margin-bottom: 10px;
            }
    
            .ie6 .pbt .ftid a, .ie7 .pbt .ftid a {
                margin-top: 1px;
            }
    
            .cl:after {
                clear: both;
                content: ".";
                display: block;
                height: 0;
                visibility: hidden;
            }
        </style>
        <script type="text/javascript">
            //获取字符串长度(汉字算两个字符,字母数字算一个)
            function getByteLen(val) {
                var len = 0;
                for (var i = 0; i < val.length; i++) {
                    var a = val.charAt(i);
                    if (a.match(/[^x00-xff]/ig) != null) {//x00-xff→GBK双字节编码范围
                        len += 2;
                    }
                    else {
                        len += 1;
                    }
                }
                return len;
            }
            // 只要键盘一抬起就验证编辑框中的文字长度,最大字符长度可以根据需要设定
            function checkLength(obj) {
                var maxChars = 80;//最多字符数     
                var curr = maxChars - getByteLen(obj.value);
                if (curr > 0) {
                    document.getElementById("checklen").innerHTML = curr.toString();
                } else {
                    document.getElementById("checklen").innerHTML = '0';
                    document.getElementById("subject").readOnly = true;
                }
            }
        </script>
    </head>
    <body>
        <div class="pbt cl">
            <textarea id="subject" maxlength="80" onkeyup="checkLength(this)" accesskey="1" tabindex="11"></textarea>
            <span id="subjectchk">还可输入
            <strong id="checklen" style="color: #FF0000">80</strong>
                个字符
            </span>
            <span id="postNameRule" class="spn_flag_1" style="display: none"></span>
        </div>
    </body>
    </html>
  • 相关阅读:
    modCount到底是干什么的呢
    Java 8 中的 Streams API 详解
    2017年3月16工作日志【mysql更改字段参数、java8 map()调用方法示例】
    jquery选择器之获取父级元素、同级元素、子元素
    Java8必知必会
    javascript es6 Promise 异步同步的写法(史上最简单的教程了)
    sublime插件开发教程4
    sublime插件开发教程3
    sublime插件开发教程2
    sublime插件开发教程1
  • 原文地址:https://www.cnblogs.com/refe/p/5048544.html
Copyright © 2011-2022 走看看