Addon Quick order. Correct operation of the phone number mask in the quick order form

Addon Quick order. Correct operation of the phone number mask in the quick order form

Суть задачи:

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

Если пользователь пытается кликнуть или переместить курсор в пустое место (где ещё нет цифр), курсор должен автоматически возвращаться на позицию сразу после последней введённой цифры (то есть туда, где продолжается ввод номера).

Пример логики:

Пользователь вводит первую цифру (например, «0»). Курсор автоматически становится после неё — можно продолжать ввод.

Если пользователь попытается кликнуть дальше (в пустые поля), курсор должен автоматически вернуться туда, где уже есть последняя цифра — то есть, в данном примере, после цифры «0».

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

Цель:

Сделать ввод номера пошаговым и последовательным слева направо,
исключив возможность перескакивания курсора на пустые места в шаблоне (маске). Это предотвратит ошибки и обеспечит корректное форматирование номера.

✅ Правильно:


❌ Неправильно:

---

Aw: Addon Quick order. Correct operation of the phone number mask in the quick order form

Было бы удобно, если бы в настройках аддона также была опция для выбора внешнего вида маски телефона на сайте:

1. Со скобками и линиями с маленьким отступом, чтобы было визуально понятно сколько цифр нужно ввести:
+38 (0_ _) _ _ _ – _ _ – _ _

2. Без скобок и линий с автоматическими небольшими отступами между блоками цифр (как на фото ниже):
+38 0

---

Aw: Addon Quick order. Correct operation of the phone number mask in the quick order form

Нова версія
addon Quick order 2.3.1 (JoomShopping 5.0.0+), (Joomla 4-6)
Змінено переклад (ini файл)
Працює на Joomla 4-6

Ваші побажання зробити важко
Використовується
https://github.com/digitalBush/jquery.maskedinput

Можите попробувати замінити на інший.