【代码段】原生js限制 input/textarea 区域文字+字符长度

关注

原创最新推荐文章于 2026-05-02 07:05:35 发布 759 阅读 AI 写同款· GEO 优化 ›

VS2022+Qt6保姆级环境配置指南：从插件安装到项目互通全流程本文提供VS2022与Qt6深度整合的全流程指南，涵盖环境配置、插件安装、项目互通等关键步骤。详细解析编译器版本匹配、跨IDE协作方案及效能优化技巧，帮助开发者高效搭建C++界面设计开发环境，实现软件项目无缝互通。阅读详情

需要在限制字符长度的标签中加入事件οnkeyup=”subCharStr(this,400)”//400表示400个字符 200个汉字 eg：

<input  onkeyup="subCharStr(this,400)"  />
....
<textarea  onkeyup="subCharStr(this,400)" />

输入超过字符长度的内容的时候自动删除超出部分

function fucCheckLength(strTemp) {
    var i, sum;
    sum = 0;
    for (i = 0; i < strTemp.length; i++) {
        if ((strTemp.charCodeAt(i) >= 0) && (strTemp.charCodeAt(i) <= 255)) {
            sum = sum + 1;
        } else {
            sum = sum + 2;
        }
    }
    return sum;
}
function subCharStr(e,n) {
    var str = e.value;
    var _len = fucCheckLength(str);
    if (_len > n) {
        var _newLen = Math.floor(n / 2);
        var _strLen = str.length;
        var _newStr = "";
        for (var i = _newLen; i <= _strLen; i++) {
            var tmpStr = str.substr(0, i);
            if (fucCheckLength(tmpStr) > n) {
                // alert("请输入少于xxx个汉字或者xxx个字符内容")
                e.value=_newStr
                return _newStr;
                break;
            } else {
                _newStr = tmpStr;
            }
        }
    } else {
        e.value=str
        return str;
    }
}