评论框字符串判断

Posted 2020-09-29 https://blog.zlevai.com

//获取字符串长度（汉字算两个字符，字母数字算一个）
            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 = (80-curr.toString())+"/"+curr.toString();
                } else {
                    document.getElementById("checklen").innerHTML = ‘80‘;
                    document.getElementById("textarea").readOnly = true;
                }
            }

<!--发布信息框-->
        <div class="msg-box">
            <textarea id="textarea" class="textarea" maxlength="80" onkeyup="checkLength(this)" accesskey="1" tabindex="11" placeholder="输入想说的话"></textarea>
        </div>
        <!--话题标题-->
        <div class="msg-title">
            <p id="checklen">0/80</p>
        </div>