龙行博客

textarea监听限制字数并统计

html页面:

<textarea name="note"  class="limit_100 advice"  id="wishContent" placeholder="说点什么...<=20个字符以内" dragonfly="true" ></textarea>
<p class="limit statistics" style="color: red;"></p>

/*texarea监听限制字数*/
    $(function () {
        var bind_name = 'input';
        if (navigator.userAgent.indexOf("MSIE") != -1) { //（此处是为了兼容IE）
            bind_name = 'propertychange';
        }
        if (navigator.userAgent.match(/android/i) == "android") {
            bind_name = "keyup";
        }

        $(".limit_100").bind(bind_name, function() {
            var limitSub = $(this).val().substr(0, 20);
            $(this).val(limitSub); //截取字符长度
            $(this).next('.statistics').html(limitSub.length + '/20'); //获取实时输入字符长度并显示
            if (limitSub.length == 20) {
                $('.limit').css('color', 'red'); //超出指定字符长度标红提示
                alert('最多20个字！');
            } else {
                $('.limit').css('color', '#333');
            }
        });
    });

评论一下 分享本文

赞助站长

赞助站长X

联系站长

• 版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《龙行博客》。
• 本文网址：https://www.liaotaoo.cn/52.html
• 上篇文章：PHP7开启ZendOpcache性能提升
• 下篇文章：Web 安全漏洞之 SQL 注入
• js textarea监听