Jump to content

Recommended Posts

Добрый день уважаемые форумчане. Появилась нужда сделать при регистрации маску для телефона ну и запретить лишние символы. ( 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>

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

Share this post


Link to post
Share on other sites

Берите селектор по классу / 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>

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
32 минуты назад, drmodjo2 сказал:

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.