Кто знает как сделать маску для номера телефона Opencart 4?

Question

[xx_RuBiCoN_xx]

Ищу как сделать маску для номера телефона на странице регистрации(а позже и оформления заказа). Посмотрел, что делают примерно так:

spoiler

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.5/jquery.inputmask.min.js"></script>

<script type="text/javascript">
    // вешаем маску на телефон
    $('.phone-field').inputmask("[phone]");
    
    // добавляем правило для валидации телефона
    jQuery.validator.addMethod("checkMaskPhone", function(value, element) {
        return /\+\d{1}\(\d{3}\)\d{3}-\d{4}/g.test(value); 
    });
    
    // получаем нашу форму по class
    var form = $('.form-request');
    
    // включаем валидацию в форме
    form.validate();
    
    // вешаем валидацию на поле с телефоном по классу
    $.validator.addClassRules({
        'phone-field': {
            checkMaskPhone: true,
        }
    });
    
    // Проверка на валидность формы при отправке, если нужно
    form.submit(function(e){
        e.preventDefault();
        if (form.valid()) {
            alert('Форма отправлена');
        }
        return;
    });
</script>

Пробовал подобные формы без валидации - не работает. script src прописываю после head, а сам скрипт перед футером. Может кто знает как это для опенкарт 4 делается или знает ссылочку на модуль? Облазал маркетплейс, там модули только на 3тью версию есть

Comments

[Павел]

Для маски телефона скрипт не имеет значения. Хоть 1, 2, 3, 4 опенкарт, хоть голый html или вордпресс.
Смотрите в чем у вас ошибка, может что-то не подключается, может у инпута нет нужных классов....и так далее...

Answer 1

[xx_RuBiCoN_xx]

Во первых проблема с кешированием хеадера в опенкарт 4 как я уже разъяснил здесь. Скрипт тупо не подключался. Во вторых хрен найдёшь работающую бибилотеку. Решилось перелопачиванием гугла, нашёл вот такой сайт с документацией. Там всё подробно и чётка разписанно что куда и как. Работает.