首页 JS特效 jQuery特效 jQuery textarea文本框输入文字字数限制提示代码

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

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

相关文章

如何仅将文本框输入限制为数字? 如何仅将文本框输入限制为数字?

01 Feb 2025

将文本框输入限制为文本框控件中仅数字输入的数字输入对于维持基于表单的数据完整性至关重要...

如何限制WPF文​​本框以仅接受数字输入? 如何限制WPF文​​本框以仅接受数字输入?

29 Jan 2025

接受WPF TextBoxin WPF中的数字输入,您可能会遇到需要限制文本框以仅接受数字输入的需要。是否整体...

如何限制WPF文​​本框以仅接受数字输入? 如何限制WPF文​​本框以仅接受数字输入?

29 Jan 2025

将WPF文本框中的文本输入限制为数字值WPF控件为自定义用户输入提供了全面的功能,包括...

如何限制Windows表单文本框以仅接受数字输入? 如何限制Windows表单文本框以仅接受数字输入?

01 Feb 2025

如何将文本框输入限制为数字值Windows表单应用程序,通常需要将用户输入限制为文本框中的特定...

如何将WPF文本框中的输入限制为仅数字值和小数点? 如何将WPF文本框中的输入限制为仅数字值和小数点?

29 Jan 2025

文本框输入中的重新启动:在WPFyou中执行数字排他性,希望将文本框中的用户输入限制为数字字符和...

如何将文本框限制为Windows表单应用程序中的数字输入? 如何将文本框限制为Windows表单应用程序中的数字输入?

01 Feb 2025

在Windows表单应用程序中执行数值输入,将文本框限制为数字输入是一个常见的要求。让我们...

jQuery实现表单里文字按钮特效合集 jQuery实现表单里文字按钮特效合集

25 Apr 2018

这次给大家带来jQuery实现表单里文字按钮特效合集,jQuery实现表单里文字按钮特效的注意事项有哪些,下面就是实战案例,一起来看一下。

jQuery 如何高效地选择具有特定 CSS 属性的元素? jQuery 如何高效地选择具有特定 CSS 属性的元素?

30 Nov 2024

在 jQuery 中选择具有特定 CSS 属性的元素问题:我们如何有效地选择拥有特定 CSS 属性的所有元素...

如何在 jQuery 中捕获鼠标滚轮事件? 如何在 jQuery 中捕获鼠标滚轮事件?

26 Oct 2024

在 jQuery 中捕获鼠标滚轮事件 jQuery 提供了一种有效的方法来捕获特定的鼠标滚轮事件,与滚动事件不同。这...

See all articles See all articles

Hot Tools

jQuery2019情人节表白放烟花动画特效

jQuery2019情人节表白放烟花动画特效

一款抖音上很火的jQuery情人节表白放烟花动画特效,适合程序员、技术宅用来向心爱的姑娘表白,无论你选择愿意还是不愿意,到最后都得同意。

layui响应式动画登录界面模板

layui响应式动画登录界面模板

layui响应式动画登录界面模板

520情人节表白网页动画特效

520情人节表白网页动画特效

jQuery情人节表白动画、520表白背景动画

炫酷的系统登录页

炫酷的系统登录页

炫酷的系统登录页

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER