У поля input с номером карты пропадает фокус и при вводе цифры переставляются местами

@lilubanana · Регистрация: 25.04.2014

Author24 — интернет-сервис помощи студентам

На некоторых мобильных устройствах (sony) у поля input с номером карты пропадает фокус.

Javascript

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

Из-за этого приходится каждый раз менять раскладку с текстового ввода на цифровой (при каждом вводе).

На Sony ZR, Android 5.1.1. при вводе номера карты цифры переставляются местами Можете хотя бы подсказать в каком направлении искать?

Поиск ответа, не дал результатов, но не исключаю вероятности, что не правильно ищу.

Рабочий пример тут http://jsfiddle.net/vkfarha6/8/

Хочется хотя бы глобально понять почему это это происходит и что на это влияет.

@GuardCat · 11.02.2016, 12:41

Проблема в том, что когда скрипт вставляет текст в поле ввода, в ряде случаев фокус теряется. Браузеры ведут себя по-разному в этом случае, например, переставляют курсор в начало поля (тогда цифры начинают меняться местами).

В качестве выхода можно рассмотреть:
1. Разделение поля ввода цифра карты на четыре группы и проверка валидности после перехода в следующее поле,
2. Проверять и выравнивать по маске после ввода на мобильных устройствах.

@lilubanana · 11.02.2016, 13:04 **[ТС]**

Сообщение от GuardCat

Проверять и выравнивать по маске после ввода на мобильных устройствах.

как это?

@GuardCat · 11.02.2016, 13:32

lilubanana, использовать не mask от jqery, а применять replace по регулярке по окончанию ввода.

@GuardCat Просто любитель 626 / 464 / 120 Регистрация: 20.01.2011 Сообщений: 865 Записей в блоге: 2
	11.02.2016, 12:41	2
	Проблема в том, что когда скрипт вставляет текст в поле ввода, в ряде случаев фокус теряется. Браузеры ведут себя по-разному в этом случае, например, переставляют курсор в начало поля (тогда цифры начинают меняться местами). В качестве выхода можно рассмотреть: 1. Разделение поля ввода цифра карты на четыре группы и проверка валидности после перехода в следующее поле, 2. Проверять и выравнивать по маске после ввода на мобильных устройствах. 0

@lilubanana 64 / 1 / 2 Регистрация: 25.04.2014 Сообщений: 125
	11.02.2016, 13:04 [ТС]	3
	Сообщение от GuardCat Проверять и выравнивать по маске после ввода на мобильных устройствах. как это? 0

@GuardCat Просто любитель 626 / 464 / 120 Регистрация: 20.01.2011 Сообщений: 865 Записей в блоге: 2
	11.02.2016, 13:32	4
	lilubanana, использовать не mask от jqery, а применять replace по регулярке по окончанию ввода. 0