1

Всем добрый день, появилась необходимость в составлении маски для ввода денег.

Для поля ввода денег использую плагин jQuery-Mask-Plugin. Например есть сумма 50000, при вводе в поле по правилам маски $('.money').mask('000 000 000 000 000', {reverse: true}); получается 50 000 что правильно, но иногда надо ввести точку, и тут возникает трудность. Нужна помощь в построении паттерна.

Попробовал сделать так:

$('.money').mask('ZZZXZZZXZZZXZZZ', {
    translation: {
      'Z': {
        pattern: /\d/, reverse: true
      },
      'X': {
        pattern: /\s|\./, reverse: true
      }
    }
});

Но это не решение, так как пробел всегда надо вводить в ручную. И это правило для 3-х значного числа, т.е 2.5 не написать. Нужно также учитывать что после точки не должно автоматически проставляться пробел. Даже можно использовать какое нибудь кастомное решение.

3 ответа 3

2

Решил подключив плагин Inputmask, использовал маску decimal и немного настроив.

1

Там в документации к библиотеке много хороших примеров. Вот вариант решения для вашей задачи:

jQuery('.money').mask('# ##0.00', {
  reverse: true,
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.13/jquery.mask.js"></script>

<div>
  Money:
  <input class="money" type="text" />
</div>

Пример на JSFiddle.

В данном варианте длина строки не задана жёстко, но предполагается наличие точки для десятичной части. Если точка стоит, все пробелы расставляются корректно.

3
  • К сожалению это не правильное решение данной задачи. Попробуйте ввести 5000 или 50000 даже без точки. 28 фев 2018 в 10:07
  • Обновил ответ. Сначала 5000 превращаются в 50.00, но при добавлении знаков перед точкой все разделители расставляются корректно (например, 5 000 000.00)
    – Dan
    28 фев 2018 в 11:10
  • К сожалению это тоже не ответ на поставленную задачу, я тоже так пробовал сделать. Процитирую точка может быть, а может и не быть. По умолчанию её быть не должно. Т.е если ввести 50000 то должно быть 50 000, а не 500.00. В этом и заключается сложность. Если написать 50000.45555555 должно быть 50 000.45555555 . Т.е ограничение на кол-во чисел после точки тоже не должно быть. 28 фев 2018 в 11:32
0

лучшее то что я использую pattern="(0\.((0[1-9]{1,5})|([1-9]{1,5}([0-9]{1,5})?)))|(([1-9]+[0-9]*)(\.([0-9]{1,5}))?)"

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.