验证react中蚂蚁设计InputNumber的最大长度

编程问答 2022-08-14

问题描述

我在React项目的InputNumber中有一只蚂蚁Form.Item。 我对此输入的验证是检查输入值的长度。

这是我的代码：

render() {
    return (
      <Form.Item
        label="Value"
        name="numberValue"
        rules={[
          {
            pattern: /^(?:\d*)$/,message: "Value should contain just number",},{
            maxLength: 50,message: "Value should be less than 50 character",]}
        validateTrigger="onBlur"
      >
        <InputNumber
          onChange={(value) => {
            this.props.setValue(value);
          }}
        />
      </Form.Item>
    );
  }

我有两个问题：

  1. 我想在用户输入非数字字符时显示Value should contain just number消息。但是此消息根本不显示。

  2. 当用户输入超过10个字符的数字/值时，我想显示Value should be less than 50 character消息。但是现在，输入第一个字符后，将显示此消息！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

antdinputreactjsreactjsvalidation