INPUT[type=number] теряет цифры выше Number.MAX_SAFE_INTEGER

В моем приложении у меня есть значение, представляющее собой 64-битное целое число, которое выводится как следующий элемент HTML:

<input id = "it" required = "" type = "number" name = "SomeId" value = "9123372036854775807">

В Firefox при загрузке элемента показывает значение "9123372036854776000", а стрелки регулировки перестают работать.

Похоже, это сделано специально, согласно соответствующий раздел спецификации HTML:

The algorithm to convert a string to a number, given a string input, is as follows: If applying the rules for parsing floating-point number values to input results in an error, then return an error; otherwise, return the resulting number.

То есть входное значение анализируется в Number, который не может представлять большинство длинных целых чисел более 2 53.

Как мне представить это длинное целочисленное поле в виде HTML input, сохраняя при этом хорошую проверку на стороне клиента?

Я вижу, что BigInt не работает в Firefox (если вы не включите его в настройках...), поэтому я думаю, вам нужно использовать input type = "text".

Kamil Kiełczewski 11.02.2019 20:21

@KamilKiełczewski: type=bigint поддерживается в HTML или это только функция ES?

Jacob Krall 11.02.2019 20:23

Я думаю, что что-то вроде type=bigint не существует в HTML

Kamil Kiełczewski 11.02.2019 20:25
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
3
224
0

Другие вопросы по теме