zoukankan      html  css  js  c++  java
  • 输入框限定100个汉字或200字符

      

      el-form-item(label="消息内容", prop="content")
         el-input( v-model="addPForm.content", :autosize="{ minRows: 3, maxRows: 4}", type="textarea",placeholder="100汉字以内,支持汉字、特殊字符、数字", :disabled="isonCopyClick")

      

      const wordLimit = (rule, value, callback) => {
                const mailzh = /^[u4E00-u9FA5]{0,}$/;
                let num = 0;
                if (!value) {
                    return callback(new Error('请输入消息内容'));
                }
                for (let i = 0; i < value.length; i++) {
                    // 使用正则表达式,判断字符是否为汉字编码
                    const matches = mailzh.test(value[i]);
                    if (matches) {
                        // 如果是汉字
                        num++; // 则累加
                    }
                }
                setTimeout(() => {
                    if (num + (value.length - num) / 2 <= 100) { 
                        callback();
                    } else {
                        callback(new Error('请输入100汉字或者200字符以内消息内容'));
                    }
                }, 100);
            };
     
      
      rules: {
                    content: [{ validator: wordLimit, trigger: 'blur' }],
                },
  • 相关阅读:
    漫谈 C++ 的 内存堆 实现原理
    我发起了一个 .Net 开源 数据库 项目 SqlNet
    谈谈 数据库原理
    论 数据库 B Tree 索引 在 固态硬盘 上 的 离散存储
    论 东坡肉 和 红烧肉 的 区别
    浅谈 操作系统原理
    引子 初识
    P2P Downloader
    利用 MessageRPC 和 ShareMemory 来实现 分布式并行计算
    MessageRPC
  • 原文地址:https://www.cnblogs.com/J-Luck/p/13457833.html
Copyright © 2011-2022 走看看