zoukankan      html  css  js  c++  java
  • 评论框字符串判断

    //获取字符串长度(汉字算两个字符,字母数字算一个)
                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>
    $('#textarea').keyup(function () {
                    var iNum = $(this).val().length;
                    var fixedLength = 10;//固定长度
                    var txt=iNum+"/"+(fixedLength - iNum);
                    if (iNum <=fixedLength) {
                        $('#checklen').html(txt);
                    } else {
                        $(this).val($(this).val().substr(0, fixedLength));//截取长度
                    }
                });
  • 相关阅读:
    错因集锦
    组合数学12
    硬币购物
    考试套路整理
    考前模板整理
    我的友链
    P4127 [AHOI2009]同类分布
    P1836 数页码_NOI导刊2011提高(04)
    P4124 [CQOI2016]手机号码
    数位DP小结
  • 原文地址:https://www.cnblogs.com/xzma/p/7233286.html
Copyright © 2011-2022 走看看