react中表单验证

 <Form.Item
              name="username"
              // 声明式表单验证 
              rules={[
                {
                  required: true,
                  message: '用户名不能为空',
                },
                {
                  max: 12,
                  message: '用户名不能超过12位'
                },
                {
                  min: 4,
                  message: '用户名不能少于四位'
                },
                {
                  pattern: /^[a-z]+$/,
                  message: '用户名只能是英文小写字母'
                }
              ]}
            >
              <Input placeholder="请输入用户名" prefix={<UserOutlined className="site-form-item-icon" />} />
            </Form.Item>

自定义验证规则 使用的antd版本号4.9.1 如果版本有变化请参考你使用的版本中的方法