reactjs 为什么我的antd表单在我添加`type后没有验证好:规则中的数字?

umuewwlo  于 2023-06-22  发布在  React
关注(0)|答案(1)|浏览(149)

我试图使验证形式使用的Ant设计形式,但当我添加type: 'number'错误消息是不隐藏,我不能提交我的形式。当我删除'type: 'number'时,一切都很好。有办法解决吗?

<Form.Item
    name='userToken'
    label='User Token'
    rules={[
      validateForm,
      {
        type: 'number',
        len: 5,
        message: 'User Token must be 5 numbers long!'
      }
    ]}
  >
    <Input />
  </Form.Item>
qltillow

qltillow1#

正如穆罕默德所说,你应该使用InputNumber,而不是仅仅使用简单的Input。
你的表单没有被验证的原因是因为简单的输入返回一个字符串值,但是你的表单正在检查提供的值是否是一个数字,所以验证将失败。
你可以看看这个例子

相关问题