Чистим пользовательский ввод числа в javascript

Это еще одна из функций-хелперов. На этот раз мы пытаемся прочитать введенное пользователем число средствами javascript.

Javascript уже имеет довольно не плохую функцию parseFloat(strValue). Но она обладает некоторыми особенностями. В частности, требует ‘.’ как разделитель дробной части, и возвращает NaN, если значение извлечь не удаётся.

Желательно также, чтобы функция могла прочитать форматированное значение, где тысячи, миллионы и т.д. были разделены пробелом.

Следующая функция поможет избавится от перечисленных проблем при чтении пользовательского ввода числа с плавающей запятой.

Для случаев NaN, функция возвращает ноль.

Тестировать работу можно здесь:

Мало букафф? Читайте есчо !

Найти элемент по его классу в HTML на чистом js

Май 4, 2020 г.

Немного ванильного js, на этот раз: как найти контейнер по указанному классу. Сразу рассмотрим более сложный пример, когда требуется найти элемент с классом .class-child внутри элемента .class-parent. В DOM мы используем функцию element.getElementsByClassName(CLASSNAME), ...

Читать

Улучшаем реакцию меню

Апрель 28, 2016 г.

Pull-down - выпадающим меню, работающим на javascript, никого не удивить. Мне не нравится, что оно закрывается мгновенно, как курсор мыши выходит за край выпавшей секции. Немного промахнешься (особенно это часто случается с последними пунктами), и меню ...

Читать

Обратный порядок перебора элементов jQuery each()

Сентябрь 17, 2019 г.

Полезное ноу-хау для тех кто пользуется jQuery. Функция $.each() производит перебор элементов по порядку, но иногда требуется выполнить операции в обратном порядке. jQuery ничего не предлагает для реализации нашей задачи, но это и не требуется, ...

Читать

Вертикальное уплотнение списка скриптом

Май 24, 2017 г.

Если вы занимаетесь версткой, то наверное, нередко верстаете элементы списков. Все выглядит красиво, если элементы однородны по ширине-высоте, тогда они ...

Читать
 

Комментарии к «Чистим пользовательский ввод числа в javascript»

Понравилась статья? Есть вопросы? - пишите в комментариях.



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