码迷,mamicode.com
首页 > Web开发 > 详细

js判断输入字符串长度(汉字算两个字符,字母数字算一个):例如 要求输入12的字,24个字节

时间:2019-01-18 20:03:03      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:dde   nbsp   ntb   元素   获取   read   bsp   ext   subject   

<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) {
                    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>

 ①accesskey:HTML教程标签中的AccessKey属性相当于Windows应用程序中的Alt快捷键。[2] 该属性可以设置某个HTML元素的快捷键,这样就可以不用鼠标定位某个页面元素,而只用快捷键Alt 键和某个字母键,就可以快速切换定位到页面对象上。

②tabindex  用法:<element tabindex=‘number‘> : 规定元素的 tab 键控制次序(1 是第一个)。

js判断输入字符串长度(汉字算两个字符,字母数字算一个):例如 要求输入12的字,24个字节

标签:dde   nbsp   ntb   元素   获取   read   bsp   ext   subject   

原文地址:https://www.cnblogs.com/ilimengyang/p/10289121.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!