• 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) {
                        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>
  • 相关阅读:
    IOS5,6,7不同版的适配. 强制旋转和自动旋转.
    第3条:多用字面量语法,少用与之等价的方法
    UIViewAnimation警告
    ViewController的生命周期分析和使用
    Chrome浏览器下调试SASS
    Reactjs相比较原生方案是绝对的快吗?哪些情况下React有优势
    js收集的一些好的题型
    js异步加载 defer和async 比较
    前端知识点
    H5下拉刷新特效demo,动画流畅
  • 原文地址:https://www.cnblogs.com/wsk198726/p/5048288.html
Copyright © 2020-2023  润新知