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

最新推荐文章于 2024-07-13 13:51:25 发布

请叫我王先生

最新推荐文章于 2024-07-13 13:51:25 发布

阅读量637

点赞数

分类专栏：代码段文章标签：函数

本文链接：https://blog.csdn.net/l_html/article/details/79669456

版权

代码段专栏收录该内容

4 篇文章 0 订阅

订阅专栏

需要在限制字符长度的标签中加入事件ο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;
    }
}