html / javascript «десятичный ввод» для мобильных устройств

Question

html / javascript «десятичный ввод» для мобильных устройств

0

im работает над веб-приложением (cordova) с некоторыми полями ввода для десятичных знаков. Как известно, нет никакого способа изменить системные клавиатуры в браузере, поэтому им нужен плагин javascript (jQuery), чтобы сделать магию с помощью только цифровой клавиатуры.

Я хотел бы иметь следующие функции, которые должны обеспечивать наилучшее удобство для пользователя:

Typing | Result
1      | 0.01
12     | 0.12
123    | 1.23
1234   | 12.34
12345  | 123.45
123456 | 1,234.56

Ive нашел плагин, который почти точно описывает то, что я описал, за одним исключением: вы вводите только полные числа, вы должны ввести десятичный разделитель для изменения десятичных знаков.

http://www.teamdf.com/web/jquery-number-format-redux/196/

Демо: http://opensource.teamdf.com/number/examples/demo-as-you-type.html

Поскольку я хочу запустить его на смартфоне, я бы хотел использовать <input type="text" pattern="\d*"/>, поэтому нет способа ввода разделителя десятичных чисел в этот плагин.

Я сделал некоторые поиски, но не нашел плагина для этого использования. Я действительно не могу себе представить, что никто раньше не писал такой плагин, поэтому я спрашиваю вас:

Есть ли плагин для создания рабочего десятичного ввода в веб-приложении?

Vestalis 10 нояб. 2013, в 17:24

Источник

0

Что насчет <input type=number> ? Это вызовет полную цифровую клавиатуру на телефоне / планшете.
Pointy 10 нояб. 2013, в 16:11
0

Я хотел бы иметь цифровую клавиатуру, а <input type="number" /> дал бы "полную" клавиатуру на iOS. С атрибутом pattern я получаю только числовую клавиатуру, но, к сожалению, просто числовую, без десятичного разделителя. Подробности: blog.pamelafox.org/2012/05/…
Vestalis 10 нояб. 2013, в 16:19
0

Если десятичная дробь должна быть в определенном месте, вы могли бы использовать маскированный ввод jquery, но я думаю, что это не так ...?
Endless 10 нояб. 2013, в 16:23
0

В моем случае у меня всегда есть 2 десятичных знака, но неограниченные целые числа. С замаскированным вводом я должен был бы определить целые числа раньше, что невозможно, поскольку у некоторых пользователей может быть «0,25», а у других - «9,999,00» в качестве значения.
Vestalis 10 нояб. 2013, в 16:29

Показать ещё 2 комментария

Теги:

javascript

html

input

decimal

cordova

1 ответ

Ещё вопросы

Что насчет <input type=number> ? Это вызовет полную цифровую клавиатуру на телефоне / планшете.
Я хотел бы иметь цифровую клавиатуру, а <input type="number" /> дал бы "полную" клавиатуру на iOS. С атрибутом pattern я получаю только числовую клавиатуру, но, к сожалению, просто числовую, без десятичного разделителя. Подробности: blog.pamelafox.org/2012/05/…
Если десятичная дробь должна быть в определенном месте, вы могли бы использовать маскированный ввод jquery, но я думаю, что это не так ...?
В моем случае у меня всегда есть 2 десятичных знака, но неограниченные целые числа. С замаскированным вводом я должен был бы определить целые числа раньше, что невозможно, поскольку у некоторых пользователей может быть «0,25», а у других - «9,999,00» в качестве значения.

Vestalis · Accepted Answer · 2013-11-21T12-40-00.000Z

Я нашел плагин jQuery " meiomask ", который обеспечивает точно необходимые функции.

Существует только один улов, вы не можете удалить любую цифру, кроме последней. (Проверено на iOS7)

Но все-таки лучшее решение, с которым я столкнулся...