2013-11-10 3 views
0

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

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

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*" />, так что нет никакого способа, чтобы ввести десятичный разделитель для этого плагина.

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

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

+0

Как насчет ''? Это вызовет полную цифровую клавиатуру на телефоне/планшете. – Pointy

+0

Я хотел бы иметь числовую клавиатуру и '' дал бы «полную» клавиатуру на iOS. С атрибутом pattern я получаю только числовую клавиатуру, но, к сожалению, просто числовую, без разделителя десятичной дроби. Подробности: http://blog.pamelafox.org/2012/05/triggering-numeric-keyboards-with-html5.html – Vestalis

+0

Если десятичное число должно быть в определенном месте, вы можете использовать ввод в масках jquery, но я предполагаю, что это не так ...? – Endless

ответ

0

Я нашел плагин jQuery «meiomask» - который обеспечивает требуемую функциональность.

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

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

Смежные вопросы