只能输入50个中文。100个英文。

最新推荐文章于 2024-08-07 11:59:22 发布

肖肖肖丽珠

最新推荐文章于 2024-08-07 11:59:22 发布

阅读量568

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_33769914/article/details/123903981

版权

前端开发字符限制输入验证正则表达式错误提示

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

191 篇文章 5 订阅

订阅专栏

<el-input v-model="temp.postFailMsg" :placeholder="$t('configForm.Postfailuremessage')" @focus="showTips($event)" @blur="hideTips($event)" ref="postFailMsg" @input="changeValue('postFailMsg',temp.postFailMsg,50)" />

//只能输入50个中文。100个英文。一个英文相当于0.5来算
               changeValue (ref,value,maxnum) {
                    let leng = this.validateTextLength(value);
                   // console.log(leng);
                    if (leng > maxnum) {
                      this.$refs[ref].maxLength = leng;
                      this.$message.closeAll();
                      this.$message.error(this.$t('focusTips.limitInput'))
                    }else{
                      this.$refs[ref].maxLength =100;
                     }
                  },
                  validateTextLength (value) {
                    // 中文、中文标点、全角字符按1。长度，英文、英文符号、数字按0.5长度计算
                    let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/g
                    let mat = value.match(cnReg)
                    let length
                    if (mat) {
                      length = (mat.length + (value.length - mat.length) * 0.5)
                      return length
                    } else {
                      return value.length * 0.5
                    }
                  },