antd 组件Input 输入按字节限制长度(汉字占2个字节,字母1个字节) Input 输入按字节限制长度

 需求:

      input框里最多输入8个字符,具体要求如下。

  • 2个字符=1个汉字=1个全角=2个字母=2个半角=2个空格

  • IF定义1个汉字=1个全角=a,1个字母=1个半角=b

  • 最多输入8个字符,有以下组合,无顺序限制:baaa、bbaaa、bbbaa、bbbbaa、bbbbba、bbbbbba、bbbbbbb、bbbbbbbbb、aaaa

直接上代码吧:

<FormItem {...formItemLayout} label={XXXX}>
        {getFieldDecorator('xxx', {
          initialValue: station.xxx,
          rules: [
            {
              validator: checkFormat, // 自定义的验证方法
              message: xxx,
            },
          ],
        })(<Input placeholder={XXXX} />)}
      </FormItem>
  // 自定义方法判断字符是否超过八个
  const checkFormat = useCallback((rule, value) => {
    console.log(value, rule);
    // value就是我们输入的值。

    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 > 8) {
      return Promise.reject(rule.message);
    } else return Promise.resolve();
  }, []);

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值