限制input汉字，英文，空格

最新推荐文章于 2023-03-27 08:58:22 发布

Gotham05

最新推荐文章于 2023-03-27 08:58:22 发布

阅读量760

点赞数

分类专栏： The path of growth 文章标签： js input

本文链接：https://blog.youkuaiyun.com/qq_37707251/article/details/85266769

版权

The path of growth 专栏收录该内容

10 篇文章

订阅专栏

需求，input输入汉字长度不大于10，五个字母等于一个汉字，一个空格等于一个字母。方法如下，input，onkeyup中调用

var checkLength = function(dom) {
    var Cn = -1;
    var En = -1;
    var maxLength = 10;
    for(var i = 0; i <= dom.value.length; i++) {
        if(Cn == 0 && En == 0){
            dom.removeAttribute("maxlength");
        }
        if(/[\u4e00-\u9fa5]/.test(dom.value[i])) {//判断汉字
            Cn += 1;
        }
        if(/[a-zA-Z]/.test(dom.value[i]) || /\s/.test(dom.value[i])) {//判断英文 空格
            En += 1
        }
        if(En % 5 == 0) {
            En = 0;
            Cn += 1;
        }
        if(Cn != 0 && Cn % maxLength == 0) {
            dom.value = dom.value.substring(0, i);
            dom.setAttribute("maxlength",i);
            break;
        }
    }
}