antd4 form validation and custom validation

code show as below:

 <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:'Please enter your username!'} is to verify that the username cannot be empty

{min: 4, message:'The username is at least 4 digits!'} is to verify that the username is at least 4 digits

{max: 10,message:'User name can be up to 10 digits long!'} is the longest 10 digits of user name verification

 

 

Guess you like

Origin blog.csdn.net/chendongpu/article/details/114965556