Разбивка на разряды input — эстетическое отображение цифр

Разбивка на разряды input — весьма эстетически правильное отображение цифр. Согласитесь, намного приятнее видеть цифру вида 2 600 000, чем 2213777? Вот сегодня мы этим и займемся. Также данную проблематику я решаю в этой статье.

Увы, стандартными средствами html  это не сделать, поэтому придется прибегать к магии. Нам потребуется JavaScript, который будет преобразовывать число в input в строку и собственно показывать нам нужный результат. Но в этой статье я бы хотел затронуть еще один важный момент. Допустим, Вы используете поля Вашей формы для какого-то расчета, например, у Вас на сайте есть калькулятор, и вот тут начнутся жуткие проблемы, так как вся информация в input  теперь не число, а текст. Причем текст с пробелами, и так просто с ним Вы уже не сможете работать. Поэтому придется сначала переводить все числа в Ваших формулах в исходных вид. Для этого я использовал регулярное выражение, которое показываю также и здесь. Для его использования мы делаем следующее, мы объявляем новую переменную, находим нужный нам input, берем значение этого input, с помощью регулярного выражения удаляем все пробелы и записываем эту строку в нашу переменную. Затем уже стандартным образом переводим строку в число. Внимание! Ниже код.

Разбивка на разряды input — делаем строчку числом

var fullsumm = document.getElementById('fullsumm').value.replace(/\s+/g, '');
fullsumm = fullsumm * 1;

Вот и все. Теперь нашу строку вида 2 600 000, мы переобразовали в число 2600000 и можем с ним осуществлять математические операции. Надеюсь, статья была полезной, все вопросы можете задавать в комментариях.