mavrin Jan 21 2012 at 18:18

Плагин для маски ввода чисел в input

2 min

54K

jQuery*

+13

Comments 22

Ekstazi Jan 21 2012 at 18:35

Регулярка неверная. \w понимает цифры или буквы латинского алфавита. Правильно [\d,\.]. Примерно так у вас сейчас и сделано в коде. Поправьте и в статье.

mavrin Jan 21 2012 at 18:39

Да вы правы, я просто привел пример кода.которым я решаю проблему. Но чтобы не вводить читателя в заблуждение поправил.

InteractiveTechnology Jan 21 2012 at 20:01

Хорошо, что вы не изобретали велосипед, но ещё лучше если бы взяли вот wiki.jqueryui.com/w/page/12137996/Mask и доработки pull request ;)

mavrin Jan 21 2012 at 20:54

Виджета на который вы дали ссылку, за основу его брался указанный мною в статье плагин. Только для него не требуется jQueryUI, который все же реже подключают на сайт, чем сам jquery.

Mithgol Jan 21 2012 at 21:24

Разделяю Ваше мнение, хотя бы потому, что jQuery UI — чертовски увесистая штуковина.

mavrin Jan 21 2012 at 22:36

Кстати в отличии от самого jQuery, jQuery UI хорошо разбиваться на нужные нам модули. К примеру приведенном виджете InteractiveTechnology, подключаются только сore и widget, которые не в ужатом виде весят вместе 19к. Но я тоже согласен, что штука тяжелая, но дает и большие возможности при построении интерфейса.

Ekstazi Jan 22 2012 at 00:26

Замысловатая она очень, я в ней не смог разобраться.

lashtal Jan 21 2012 at 21:40

почему бы не использовать один универсальный валидатор, который, кроме прочего, умеет и маски? Т.е. да, он тяжелее конечно, зато решение для всех форм сайта сразу.
jquery.validate: bassistance.de/jquery-plugins/jquery-plugin-validation/

mavrin Jan 21 2012 at 22:21

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

Silver_Clash Jan 22 2012 at 00:48

Преимущество валидатора в том, что он не вызывается после любого действия пользователя, и тем самым меньше грузит браузер. К тому же зачем лишний раз ограничивать пользователя, если можно вывести ему ненавязчивую подсказку?

mavrin Jan 22 2012 at 01:58

По поводу нагрузки на браузер, я особо не волновался бы, пользователь ее не заметит. А на счет ограничение пользователя, плагин я делал для проекта и было условие, что пользователь должен иметь возможности вводить только разрешенные символы. Хотя, если посмотреть на input c type='number', то он действительно разрешает вводить любые символы, и только после потери фокуса возвращает последнее верное значение.

Silver_Clash Jan 22 2012 at 10:55

Нагрузка это первое по поводу чего нужно волноваться, потому что если пользователь начнет нервничать из за тормозов на вашей страничке — считайте что вы его потеряли.

mavrin Jan 22 2012 at 12:42

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

VoidEx Jan 22 2012 at 02:19

А можно на text-changing проверять валидность текста и отменять, если текст на валиден?
Тогда нам неважно, копипастят текст или ещё как.
Задача же стоит не запретить нажатие клавиш, а запретить невалидный текст.

mavrin Jan 22 2012 at 12:37

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

yumitsu Jan 22 2012 at 02:25

А чем не понравился плагин jQuery Masked Input?

yumitsu Jan 22 2012 at 02:26

Черт, не заметил, что вы его уже нашли :)

yumitsu Jan 22 2012 at 02:30

Кстати, в HTML5 есть нативная валидация. Правда, IE в пролете.
caniuse.com/#feat=form-validation

wmw85 Jan 22 2012 at 17:46

Возможно вам подошел бы maskmoney

RomeroMsk Jan 23 2012 at 09:54

Несколько неожиданное поведение плагина при вставке из буфера float, длина дробной части которого превышает «ожидаемую». Копирую и вставляю во второе поле в демо следующее значение: 10,12345, в результате чего получаю урезание до 10,1. Win 7, Chrome 16.0.912.75 m

mavrin Jan 23 2012 at 13:03

Извините, не туда ответил, ответ ниже.

mavrin Jan 23 2012 at 12:38

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