Маска телефона

[drmodjo2]

Добрый день уважаемые форумчане. Появилась нужда сделать при регистрации маску для телефона ну и запретить лишние символы. ( OpenCart 2.3.0.2, стандартный шаблон ) Нашел вроде бы ПРОСТОЙ СПОСОБ сделать это, но не получатся.
Добавил в "catalog/view/theme/mytheme/template/common/header.tpl"

Скрипт <script src="catalog/view/javascript/jquery/jquery.maskedinput.min.js" type="text/javascript"></script>

Дальше не получается. Подскажите пожалуйста что и куда вставить. Заранее всем спасибо.

[flai0616]

Берите селектор по классу / id / любому другому атрибуту и применяйте к нему скрипт.

Например из вашего примера по классу

<input type="text" class="phone" placeholder="Введите телефон">
<script>
$(".phone").mask("+7 (999) 999-9999");
</script>

Если хотите по id, то так

<input type="text" id="test_id" class="phone" placeholder="Введите телефон">
<script>
   $("#test_id").mask("+7 (999) 999-9999");
</script>

 

[drmodjo2]

Не могли бы вы объяснить как для чайника. Исходя из версии OpenCart что и куда именно вставлять. (может вместо чего-то). Просто я задаю вопрос, когда свои варианты уже закончатся. Ткните носом, что и куда пожалуйста.

[drmodjo2]

Благодарю. Получилось. Но есть один нюанс... Код страны +995 и после ввода в маску пользователь видит +__5. То есть надо вводить две первые цифры. Как это можно исправить?

[Pavel666]

32 минуты назад, drmodjo2 сказал:

Благодарю. Получилось. Но есть один нюанс... Код страны +995 и после ввода в маску пользователь видит +__5. То есть надо вводить две первые цифры. Как это можно исправить?

 $("#test_id").mask("+7 (999) 999-9999");

попробуйте \\9\\95 999-9999

[thentru]

использовать 9 в маске можно так

$.mask.definitions['9'] = '';
$.mask.definitions['d'] = '[0-9]';

https://stackoverflow.com/questions/11354807/how-to-pre-populate-9-with-jquery-masked-input-plugin

[drmodjo2]

Благодарю всех за помощь. Удачи вам.