antd 组件Input 输入按字节限制长度（汉字占2个字节，字母1个字节）

最新推荐文章于 2023-04-27 13:31:09 发布

HainesFreeman

最新推荐文章于 2023-04-27 13:31:09 发布

阅读量3.5k

点赞数 2

分类专栏： react 文章标签：字符校验前端开发字符串处理编码用户输入验证

本文链接：https://blog.csdn.net/weixin_41829196/article/details/116002451

版权

react 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

文案上限为20个字符（10个汉字）”产品需求一个小括号，开发实现一下子复杂了很多。

    /** 用户名校验 */
    const nameValidator = (rule, value, callback) => {
      let len = 0;
      for (let i = 0; i < value.length; i++) {
        if (value.charCodeAt(i) > 127 || value.charCodeAt(i) == 94) {
          len += 2;
        } else {
          len++;
        }
      }
      if (len > 20) return callback('不能超过10位汉字（20字节）');
      callback();
    };