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

原创于 2018-03-23 16:32:09 发布 · 709 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数

代码段专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的方法，可以在输入框（包括文本框和文本区域）中限制用户输入的字符数量，当达到预设的最大字符数时，自动删除超出部分。

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