Antd表单项rules行间自定义校验

最新推荐文章于 2024-04-28 10:31:14 发布

慢半拍、

最新推荐文章于 2024-04-28 10:31:14 发布

阅读量3.5k

点赞数 5

分类专栏： React 文章标签： antd Form rules 自定义校验

本文链接：https://blog.csdn.net/huanhuan03/article/details/121124232

版权

React 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

瞅瞅官方说明：
在这里插入图片描述
这个rules校验规则，我用过居多的就是必填，还有正则校验，当然一部分情况下，都是要自定义校验的：

	<Form.Item
        name="confirm"
        label="Confirm Password"
        dependencies={['password']}
        hasFeedback
        rules={[
          {
            required: true,
            message: 'Please confirm your password!',
          },
          ({ getFieldValue }) => ({   // 自定义校验两次输入密码是否一致 ， getFieldValue 获取指定字段的值
            validator(_, value) {
              if (!value || getFieldValue('password') === value) {
                return Promise.resolve();
              }

              return Promise.reject(new Error('The two passwords that you entered do not match!'));
            },
          }),
        ]}
      >
        <Input.Password />
      </Form.Item>