antd4表单验证和自定义验证

代码如下：

 <Form.Item
                        label="用户名"
                        name="username"
                        rules={[{ required: true, message: '请输入用户名!' },
                            // { min: 4, message: '用户名至少4位!' },
                            // {
                            //     max: 10,
                            //     message: '用户名最长10位!',
                            // },
                            {
                                validator: (_, value) =>{
                                    if(value.length >= 6 && value.length<=10) {
                                        return Promise.resolve()
                                    }else{
                                        return Promise.reject('密码长度必须是6~10位')
                                    }
                                }
                            }
                            ]}
                    >

{ required: true, message: '请输入用户名!' } 是校验用户名不能为空

{ min: 4, message: '用户名至少4位!' }是校验用户名至少4位

{max: 10,message: '用户名最长10位!' }是校验用户名最长10位