6

Не корректно работает ввод номера карты с плагином маски ввода данных в input. При вводе номера карты числа заменяются...

Маска для поля ввода номера карты:

$("#cardNumber").mask("9999 9999 9999 9999?999");

Вроде бы ошибка в том, что плагин не учитывает длину, т.е. при достижении максимума не блочит ввод, а продолжение ввода сдвигает предыдущее..

Как это можно исправить?

Полный код

P.S. в примере jsfiddle подключила плагины, но почему-то не срабатывают)

UPD ошибка в следующем.

Введен номер карты, например такой 9000 6757 9090 9090900. При попытке отредактировать эту часть номера 6757, например, заменить на число 8.

Если случайно нажму два раза число 8, то все число 6757, заменится на 8857.

В итоге номер карты станет такой 9000 8857 9090 9090900.

UPD 1.1 обнаружила еще баги. поиск не дал результатов, либо не правильно ищу.

  1. пропадает фокус у поля input с номером карты. из-за этого приходится каждый раз менять раскладку с текстового ввода на цифровой
  2. на Sony ZR, Android 5.1.1. при вводе номера карты цифры переставляются местами

Можете хотя бы подсказать в каком направлении искать?

11
  • А что за цифры после вопроса?
    – Shnur
    10 фев 2016 в 11:37
  • для определения количества символов, их может быть и 16, и 19
    – siberian
    10 фев 2016 в 11:40
  • Тогда у вас все правильно
    – Shnur
    10 фев 2016 в 11:41
  • в этой части да, правильно. но если редактировать введенный номер, цифры затираются...
    – siberian
    10 фев 2016 в 11:42
  • @MarinaVoronova, уже в который раз от вас вопрос БЕЗ кода демонстрирующего проблему. Пожалуйста, приложите рабочий пример. Было бы просто чудесно, если бы вы еще приложили пример неверной работы. Например, ввожу в поле то-то, ожидаю увидеть то-то, а получается то-то.
    – VenZell
    10 фев 2016 в 11:50

2 ответа 2

3

Чтобы плагин заработал на jsfiddle, нужно подключить его с другого адреса: http://cdn.rawgit.com/digitalBush/jquery.maskedinput/1.4.1/dist/jquery.maskedinput.min.js

Подробнее: https://stackoverflow.com/questions/17341122/link-and-execute-external-javascript-file-hosted-on-github

В примере описанной ошибки не заметил. Возможно, проблема в версии jQuery. Попробуйте обновиться до 2.2.0

Ваш код работает, как ожидается:

$("#acctNumber").mask("999999");
$("#sumCheck").mask("99999");
$("#cardNumber").mask("9999 9999 9999 9999?999");
$("#cardCode").mask("999");
3
  • спасибо, что подключили этот плагин! (а то прям беда какая-то). как раз в вашем работающем примере, ошибка хорошо воспроизводится. попробуйте отредактировать номер с середины например.
    – siberian
    10 фев 2016 в 12:02
  • Цифры заменяют уже введеные. Ничего не "сдвигается". Общая длинна сохраняется при редактировании. В общем, не вижу ошибки.
    – Microfed
    10 фев 2016 в 12:14
  • @Microfed, вкратце, как я понял, нужно поведение, аналогичное поведению при нажатии на клавишу insert на клавиатуре. Сейчас если ввели 14 цифр из 16, а потом начали редактировать в середине, введенные цифры сдвигают остальные (всего цифр становится 16), а надо, чтобы оставалось 14 цифр и заменялись те цифры, возле которых стоит курсор
    – VenZell
    10 фев 2016 в 13:15
0

Если Вам нужно ограничение последние цифры должны быть три или четыре, то код такой

$("#cardNumber").mask("9999 9999 9999 999?9");
1
  • этот код не решает мою проблему
    – siberian
    10 фев 2016 в 11:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.