Как составить маску для ввода для дробей?

Question

[lexstile]

Есть функция корявая для маски:

<ReduxFormMaskedField
    name={`equity-${index}`}
    mask={maskFraction}
  />
  maskFraction = (value) => {
    if (value.charAt(2) === '/') {
      return [/\d/, /\d/, /\//, /\d/, /\d/];
    }
    if (value.charAt(1) === '/') {
      return [/\d/, /\//, /\d/, /\d/];
    }
    if (value.charAt(1) !== '/') {
      return [/\d/, /\d/, /\//, /\d/, /\d/];
    }
    return [/\d/, /\d|\//, /\d|\//, /\d/, /\d/];
  }

Суть в чем, можно вводить только дроби, не более 99 по обе стороны от слеша.
Возможные примеры значений: 1/2, 1/25, 15/29
Как написать подобную функцию, но по-человечески? (при каждой проверке она должна возвращать массив с регулярным выражением для конкретного символа).
Единственное условие, которое не описано в функции - правая часть дроби не должна быть больше левой.

Answer 1

[marxxt]

Такое?
https://regex101.com/r/tGvJaV/1

(?<=[^\d]|^)\d{1,2}\/\d{1,2}(?<![^\d])

var r = /(?<=[^\d]|^)(\d{1,2})\/(\d{1,2})(?<![^\d])/mg;
var match = r.exec("12/34");
match ? parseInt(match[1]) >= parseInt(match[2]): false;

Comments

[lexstile]

Все правильно пишете, только как это применить к функции maskFraction и в ней вернуть маску - не совсем понятно. Ф-ция должна возвращать массив регулярных выражений для каждого символа.

[marxxt]

lexstile, в смысле для каждого символа, зачем тогда регулярки? можете пример дать

[lexstile]

xoo, пример выше.
При каждом изменении компонента ReduxFormMaskedField вызывается функция maskFraction, в которую передается текущее введенное значение. Дальше я ищу слеш в введенной строке и меняю маски в зависимости от условий.