Jquerymobile маска ввода?

Question

Мне нужна маска ввода для чисел, например, «9999,99» или «9999,9». Я знаю, что есть плагины для jquery в целом - вопрос: кто-нибудь использовал один с jquerymobile? Спасибо, банда!

Answer 1

этот плагин кажется хорошим на рабочем столе, но по некоторым причинам он имеет некоторые проблемы на мобильных устройствах (протестировано на Android 2.3.3).У меня было 2 проблемы:

• с $ ('# someInput'). Mask ("99/99/9999", {placeholder: "."});когда я набираю 12345678, я получаю 12/45/7863 (некоторые проблемы при размещении '/')

• , когда я пытаюсь дать значение (вычисленное ранее, но редактируемое)'.. / .. / ....' на месте, когда я фокусирую ввод.

У кого-нибудь есть обходной путь или плагин маски для более мобильного устройства?

Edit: после многих попыток и сбоев, похоже, проблема не в плагине для маскирования ввода (который на самом деле не новость, так как он отлично работает на десктопах и IOS), а в том, как Android управляет модификациейзначение фокуса ввода.Когда вы добавляете символ, он хорошо отображает его, но помнит, где находился курсор, и не перемещайте его, поэтому, когда вы печатаете позже, кажется, что он возвращается до добавления.

Я попытался сделать трюк, добавивsetrange, но, похоже, не учитывает добавленные символы.Из идей я сделал это, отфильтровав ввод при нажатии клавиш, разделив символы на входе и поместив изображение / / на задний план.

Я все еще открыт для всего, что может быть чище.

Answer 2

В jquery есть замечательный плагин, который можно использовать в http://digitalbush.com/projects/masked-input-plugin/ Он отлично работает при использовании на ПК.Но когда я попробую на опере мобильный эмулятор.Это испортилось.

Answer 3

Недавно я разработал простую и удобную маску ввода в поле ввода для формата телефона США jquery-input-mask-phone-number

Просто добавьте jquery-input-mask-phone-number плагин и вызовите нам функцию PhoneFormat.

$(document).ready(function () {
    $('#yourphone').usPhoneFormat({
        format: 'xxx-xxx-xxxx',
    });   
});

Пример демонстрации https://jsfiddle.net/1kbat1nb/

NPM URL https://www.npmjs.com/package/jquery-input-mask-phone-number

GitHub URL https://github.com/rajaramtt/jquery-input-mask-phone-number

Answer 4

Эта ссылка jsFiddle работает с телефоном

HTML-код:

<form id="contact_info_form">   
    Cell Phone: <br/>
    <input type="text" value="" class="input-phone" name="Q3" id="Q3" />      
</form>​

И Javascript:

$(function(){
  $(".input-phone").mask("(999)-999-9999");    
});​