jQuery textarea文本框输入文字字数限制提示代码

2018-01-19 11:10:1470620查看评论(0)
jQuery textarea文本框输入文字字数限制提示代码
jQuery textarea文本框输入文字字数限制提示代码

js代码

<script type="text/javascript">
    //显示限制输入字符method
    function textAreaChange(obj){
        var $this = $(obj);
        var count_total = $this.next().children('span').text();
        var count_input = $this.next().children('em');
        var area_val = $this.val();
        if(area_val.len()>count_total){
            area_val = autoAddEllipsis(area_val,count_total);//根据字节截图内容
            $this.val(area_val);
            count_input.text(0);//显示可输入数
        }else{
            count_input.text(count_total - area_val.len());//显示可输入数
        }
    }
    //得到字符串的字节长度
    String.prototype.len = function(){
        return this.replace(/[^\x00-\xff]/g, "xx").length;
    };
    /*
     * 处理过长的字符串,截取并添加省略号
     * 注:半角长度为1,全角长度为2
     * pStr:字符串
     * pLen:截取长度
     * return: 截取后的字符串
     */
    function autoAddEllipsis(pStr, pLen) {
        var _ret = cutString(pStr, pLen);
        var _cutFlag = _ret.cutflag;
        var _cutStringn = _ret.cutstring;
        return _cutStringn;
    }
    /*
     * 取得指定长度的字符串
     * 注:半角长度为1,全角长度为2
     * pStr:字符串
     * pLen:截取长度
     * return: 截取后的字符串
     */
    function cutString(pStr, pLen) {
        // 原字符串长度
        var _strLen = pStr.length;
        var _tmpCode;
        var _cutString;
        // 默认情况下,返回的字符串是原字符串的一部分
        var _cutFlag = "1";
        var _lenCount = 0;
        var _ret = false;
        if (_strLen <= pLen/2){_cutString = pStr;_ret = true;}
        if (!_ret){
            for (var i = 0; i < _strLen ; i++ ){
                if (isFull(pStr.charAt(i))){_lenCount += 2;}
                else {_lenCount += 1;}
                if (_lenCount > pLen){_cutString = pStr.substring(0, i);_ret = true;break;}
                else if(_lenCount == pLen){_cutString = pStr.substring(0, i + 1);_ret = true;break;}
            }
        }
        if (!_ret){_cutString = pStr;_ret = true;}
        if (_cutString.length == _strLen){_cutFlag = "0";}
        return {"cutstring":_cutString, "cutflag":_cutFlag};
    }
    /*
     * 判断是否为全角
     *
     * pChar:长度为1的字符串
     * return: true:全角
     *         false:半角
     */
    function isFull (pChar){
        if((pChar.charCodeAt(0) > 128)){return true;}
        else{return false;}
    }
</script>
jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。 


申明:本站所有资源都是转载各大下载站,或由网友投稿发布,请自行检测软件的完整性,如有侵权请联系我们删除下架,联系方式:admin@php.cn

相关推荐
jQuery textarea文本框输入文字字数限制提示代码

jQuery textarea文本框输入文字字数限制提示代码

/xiazai/js/jQuery textarea文本框输入文字字数限制提示代码
67119
jQuery+textarea文本框输入文字字数限制提示代码

jQuery+textarea文本框输入文字字数限制提示代码

/xiazai/js/jQuery+textarea文本框输入文字字数限制提示代码
70236
jQuery计算文本框可输入字数代码

jQuery计算文本框可输入字数代码

/xiazai/js/ jQuery计算文本框可输入字数代码基于jquery-2.2.3.min.js制作,动态计算文本框可输入字数统计。
89123
C3+jQuery文本框输入文字自动筛选代码

C3+jQuery文本框输入文字自动筛选代码

/xiazai/js/C3+jQuery文本框输入文字自动筛选代码
60321
jQuery文本框输入文字放大预览代码

jQuery文本框输入文字放大预览代码

/xiazai/js/jQuery文本框输入文字放大预览代码
59317
jQuery文本框输入文字自动筛选效果

jQuery文本框输入文字自动筛选效果

/xiazai/js/jQuery文本框输入文字自动筛选代码
73926
jQuery输入数字放大镜效果代码

jQuery输入数字放大镜效果代码

/xiazai/js/jQuery输入数字放大镜效果代码是一款在文本框input输入数字放大镜效果代码。
67532
jQuery加Ajax搜索框输入文字自动补全代码

jQuery加Ajax搜索框输入文字自动补全代码

/xiazai/js/jQuery+Ajax搜索框输入文字自动补全代码,一款利用Ajax实现的仿百度搜索自动补全下拉框显示相关列表选项效果。
88443
网页评论
最新评论