как создать маску пароля в ant design

#reactjs #antd

#reactjs #antd

Вопрос:

У меня есть задача, мне нужно сделать маску пароля для регистрации.

 <Form.Item
    name='password'
    label='Password'
    rules={[
      {required: true, message: 'Please input your password!'},
      {
        validate: (_, value) => {
          console.log(111)
          if (/(?=.*[0-9])(?=.*[!@#$%^amp;*])(?=.*[a-z])(?=.*[A-Z])[0-9!* %-<>@[]{}_#a-zA-Z]{6,}/g.test(value)) {
            return Promise.resolve()
          }
          return Promise.reject('The password must contain at least 8 characters (Latin letters, numbers and at least one character: ! *   % - < > @ [ ] { } _ #)')
        }
      }
    ]}
  >
    <Input.Password/>
  </Form.Item>
 

я проверил, но это не работает, я посмотрел на примеры, и кажется, что я сделал аналог, но почему это не работает?..

Ответ №1:

Фактическим свойством для предоставления пользовательской функции проверки для правила является validator .

Изменить

 validate: (_, value) => {
 

Для:

 validator: (_, value) => {