码迷,mamicode.com
首页 > 其他好文 > 详细

评论框字符串判断

时间:2017-07-25 12:40:41      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:maxlength   title   readonly   pre   box   key   div   i++   str   

//获取字符串长度(汉字算两个字符,字母数字算一个)
            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>

 

评论框字符串判断

标签:maxlength   title   readonly   pre   box   key   div   i++   str   

原文地址:http://www.cnblogs.com/xzma/p/7233286.html

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