jq同时限制多个input的字数

html代码

<input type="text" class="packagingDesc" index="24"  name="" class="area2"> 

  <span class="tip"><span class ="packagingDescNum">0</span>/24</span>

jq代码

<script src="../../../static/common/jquery-1.9.1/jquery.min.js"></script>

//注为兼容ie请引入jquery-1.9.1

$(function() {
            function zwpd(val) {//全角字符判断函数
                var hxc_len = 0;//声明变量并赋值
                var qjreg = /[^\x00-\xff]/ig;//声明全角正则表达式
                for (i = 0; i < val.length; i++) {//建立for循环，为了判断每个输入的字符
                    if (val[i].match(qjreg) != null) {//如果输入的字符是全角字符（=null说明是半角）则字符数为2
                        hxc_len += 2;
                    } else {//否的话为1
                        hxc_len += 1;
                    };
                };
                return hxc_len;//弹出该值
            };


            function max_content(val, max) {//函数：弹出textarea内容在规定长度下的值
                var return_val = "";//声明并赋值
                var count = 0;
                var qjreg = /[^\x00-\xff]/ig;
                for (i = 0; i < val.length; i++) {//与上面类似不赘述
                    if (val[i].match(qjreg) != null) {
                        count += 2;
                    } else {
                        count += 1;
                    };
                    if (count > max) {//当数字大约最大字符数时，跳出该循环
                        break;
                    };
                    return_val += val[i];//值自增
                };
                return return_val;//弹出值
            };


            $(".packagingDesc").on("input propertychange", function() {//为textarea文本输入框绑定事件，input为实时监听（但不支持ie），propertychange为ie专属事件效果同于input
                var hxc_area = $(this);
                var hxcB = hxc_area.parent().find(".packagingDescNum");
                var hxc_max = hxc_area.attr("index");
                var hxc_val = $(this).val();//获取textarea的值
                var b_count = zwpd(hxc_val);//获取函数zwpd的值
                if (b_count == 0) {//如果textarea没有内容，则输出为0
                    hxcB.text(0);
                } else if (b_count <= hxc_max) {//如果textarea的字符数小于等于最大限制字符数，则正常输出值
                    hxcB.text(b_count);
                } else {//如果textarea的字符数大于最大值，则最大限制字符数打印出，内容仅取textarea中最大字符数对应的内容
                    hxcB.text(hxc_max);
                    $(this).val(max_content(hxc_val, hxc_max));
                };
                
            });
          
        });