Разбивка на разряды input - эстетическое отображение цифр
Блог
Делимся с Вами своими знаниями и новостями
28.04.2016

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

Разбивка на разряды input

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

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

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

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

Метки:

Комментарии:

Свяжитесь с нами уже сейчас




Отправляя нам сообщение, содержащее Ваши персональные данные, Вы соглашаетесь с нашей политикой конфиденциальности.
Онлайн заявка


Отправляя нам сообщение, содержащее Ваши персональные данные, Вы соглашаетесь с нашей политикой конфиденциальности.