Как написать регулярное выражения для записи процентов?

Question

[danilr]

Как сделать метод, который бы обрабатывал инпут так - вводить можно только числа от 0 до 100, далее точку или запятую и в случае точки, он бы заменял её на запятую, далее ещё два числа. Но также число может быть целым.
То есть по простому мне нужно получать число процент ( 88,33 или 50)

Comments

[Алексей Ярков]

Почему не взять какой-нибудь inputmask? Зачем эти велосипеды?

[danilr]

Алексей Ярков, в проекте используется уже https://www.npmjs.com/package/vue-inputmask . Но я не могу сообразить как сделать через атрибут v-model такую маску

[Алексей Ярков]

danilr, а нахрена вам через v-model, если в доке есть пример КАК надо?

[danilr]

Алексей Ярков, тупанул имел ввиду v-mask. Пример там то есть, я и говорю что для своего случая выразить это не могу.

[Алексей Ярков]

danilr, вы меня удивляете )) README смотрели? Ну банальный поиск по странице слова decimal и вуаля ))

[danilr]

Алексей Ярков, смотрел. и там по-другому вообще добавляется, через совершенно другой интерфейс.

Inputmask("(.999){+|1},00", {
        positionCaretOnClick: "radixFocus",
        radixPoint: ",",
        _radixDance: true,
        numericInput: true,
        placeholder: "0",
        definitions: {
            "0": {
                validator: "[0-9\uFF11-\uFF19]"
            }
        }
   }).mask(selector);
});

А мне надо через v-maks И также я пробовал v-mask="'decimal'" - он в этом случае вводит только с точкой, а мне надо чтобы точки заменялись запятыми. Можете, пожалуйста, написать как мне добавить в v-mask аттрибут, чтобы соответствовало моей задаче?

Answer 1

[Karpion]

Надо навесить на поле input обработчик, который вызывается при каждом изменении содержимого - не помню название. Далее в нём надо сравнивать значение инпута - хорошо ли оно весьма или нет. Если не хорошо - то вернуть то, которое было для изменения. Если хорошо - то запомнить новое значение как "последнее хорошее".

Я не понял, какой число м.б. в поле ввода, т.е. какое считается хорошим. Не факт, что число следует проверять регекспом - есть варианты.

Comments

[danilr]

Karpion, вот такие числа могут - числа от 0 до 100, могут быть дробные с 2 числами после запятой, разделитель у них должна быть запятая (23,4). Так понятнее?
Событие onchange на инпуте.
Вроде понятно ваше предложение, но написать так и не смог. Можно прям кодом подсказать?