zoukankan      html  css  js  c++  java
  • jQuery 写的textarea输入字数限制

            //先判断浏览器是不是万恶的IE
            var bind_name = 'input';//默认事件
            if (navigator.userAgent.indexOf("MSIE") != -1) {
                bind_name = 'propertychange';//不要脸IE独享的事件
            }
            var maxlength = 10;//限定输入字数
            $('#Comment').bind(bind_name, function () {//给textarea绑定事件
                var strlen = $(this).val().replace(/[^x00-xff]/g, "aa").length;//读取转换得到长度,中文转换成2个长度,英文空格忽视算1个长度
                $('#aviableCount').text(function () {//一个span显示现在输入多长了
                    if (Math.ceil(strlen / 2) > maxlength) {//超过限定长度,只显示最大数
                        return maxlength;
                    }
                    else {
                        return Math.ceil(strlen / 2);//为什么要除以2呢,因为前面中文算两个长度,这里我们要转回来,0.5的中文长度算1个中文长度
                    }
                });
                if (strlen > maxlength * 2) {//输入超过最大长度,就进行截取
                    for (i = 1; i > 0; i++) {
                        $(this).val($(this).val().substr(0, $(this).val().length - 1));
                        if ($(this).val().replace(/[^x00-xff]/g, "aa").length <= maxlength * 2) {
                            break;
                        }
                    }
                }
            })
        </script>

  • 相关阅读:
    vue3 transition 动画变化与示例
    vue3中自定义指令和组件保持一致
    Vue3中使用vue-router跳转与传参
    Ext JS 二级弹框问题
    /usr/sbin/ntpd: error while loading shared libraries: libopts.so.25
    Spark Sql之pathGlobFilter 和recursiveFileLookup 选项关于分区的一点猜想和验证
    Hive之count函数的特别用法
    EasyTouch和NGUI的使用心得
    Unity 3D类结构简介
    Unity 3D入门简介
  • 原文地址:https://www.cnblogs.com/carlows/p/6606037.html
Copyright © 2011-2022 走看看