美文网首页
Vue element input组件区分中英文统计长度

Vue element input组件区分中英文统计长度

作者: cafei | 来源:发表于2019-03-04 11:09 被阅读0次

接到需求:输入框限字数——10个汉字,或者20个字母

实现逻辑:使用正则表达式判断输入框中文的字符长度,再将剩下的字符长度*0.5,两者相加即可

具体实现如下:

validateTextLength(value) {
      //中文、中文标点、全角字符按1长度,英文、英文符号、数字按0.5长度计算
      let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/g;
      let mat = value.match(cnReg);
      let length = 0;
      if (mat) {
        return (length = mat.length + (value.length - mat.length) * 0.5);
      } else {
        return (length = value.length * 0.5);
      }
    }

相关文章

网友评论

      本文标题:Vue element input组件区分中英文统计长度

      本文链接:https://www.haomeiwen.com/subject/zasbuqtx.html