Предотвращение неправильного ввода пользователем часа и минуты при вводе в поле формы rduxt - PullRequest
Новая
       35

Предотвращение неправильного ввода пользователем часа и минуты при вводе в поле формы rduxt

0 голосов
/ 19 февраля 2019

У меня есть поле ввода в redux-form, которое должно иметь проверку с маской. Я хочу запретить пользователю вводить часы больше 24 и минуты больше 60 минут. 

  <Field
    label="duratoin"
    name="duration"
    validate={[required]}
    required
    mask={[
        /[0-2]/,
        /[0-9]/,
        ':',
        /[0-6]/,
        /[0-9]/,
    ]}
    placeholder="02:00"
    component={InputMaskField}
/>

Но с этимпользователь может печатать такие вещи, как 29:69.У вас есть идеи?

Редактировать

Я также пробовал это: 

mask={[
          /[0-2]/,
          /[01][0-9]|2[0-3]/,
          ':',
          /[0-6]/,
          /0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]|6[0]/,
        ]}



mask={[
          /[0-2]/,
          /{0}[0-9]|{1}[0-9]|{2}[0-3]/,
          ':',
          /[0-6]/,
          /{0}[0-9]|{1}[0-9]|{2}[0-9]|{3}[0-9]|{4}[0-9]|{5}[0-9]|{6}[0]/,
        ]}

mask={[
        /[0-2]/,
        /2?[0-4]|1?[0-9]|0?[0-9]/,
        ':',
        /[0-6]/,
        /6?[0]|[0-5]?[0-9]/,
      ]}
...