Маска телефона на странице оформления заказа

@StudentOfChrist · Регистрация: 31.10.2019

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

Хочу добавить маску ввода телефона на странице оформления заказа, типа +7 (___) ___-__-__
Делал по видео от InWebPress. Если в кратце то:

Загрузил на хостинг файл jquery.maskedinput.min.js (в репозитории он находится в папке dist) по пути /wp-content/themes/woodmart-child/js/jquery.maskedinput.js

В файл function.php дочерней темы (Woodmart) добавил следующий скрипт:

PHP

// Маска ввода телефона на странице оформления
add_action('wp_enqueue_scripts', 'my_maskedinput');
function my_maskedinput() {
    if (is_checkout()) {
        wp_enqueue_script('maskedinput', '/wp-content/themes/woodmart-child/js/jquery.maskedinput.min.js', array('jquery'));
        add_action( 'wp_footer', 'masked_script', 999);
    }
}
 function masked_script() {
    if ( wp_script_is( 'jquery', 'done' ) ) {
?>
    <script type="text/javascript">
        jQuery( function( $ ) {
            $("#billing_phone").mask("+7(999)999-99-99");
        });
    </script>
<?php
    }
}

Причем JavaScript из функции добавляется - через DevTools проверил, а маска не появляется. И да, у поля ввода телефона id - billing_phone - это тоже проверил.

Пробовал реализовать это через str_replace:

PHP

add_filter( 'woocommerce_form_field', 'my_maskedinput', 20, 4 );
function my_maskedinput( $field, $key, $args, $value ) {
    // Only on checkout page
    if( is_checkout() && ! is_wc_endpoint_url() ) {
        $phone = '&nbsp;<input type="tel" class="input-text " name="billing_phone" id="billing_phone" placeholder="Номер телефона" value autocomplete="tel">';
        $field = str_replace( $phone, '&nbsp;<input type="tel" class="input-text" name="billing_phone" id="billing_phone" placeholder="Номер телефона" value autocomplete="tel" mask="+7 (999) 999-99-99">', $field );
    }
    
    return $field;
}

тож разными способами, но почему-то не заменяет строку на необходимую.

Буду благодарен если кто-нибудь даст хотя бы наводку, в каком направлении искать причины сего странного поведения. А если со сслыками или примером кода - то вообще замечательно!

@Smls · 21.02.2021, 16:13

https://mag-pool.ru/wp-content... put.min.js
тут вместо скрипта какая-то фигня

https://cdn.jsdelivr.net/npm/j... put.min.js
Вот отсюда загрузите нормальный скрипт и замените его у себя.

@Smls 220 / 173 / 115 Регистрация: 19.01.2015 Сообщений: 524
	21.02.2021, 16:13	2
	Сообщение было отмечено StudentOfChrist как решение Решение https://mag-pool.ru/wp-content... put.min.js тут вместо скрипта какая-то фигня https://cdn.jsdelivr.net/npm/j... put.min.js Вот отсюда загрузите нормальный скрипт и замените его у себя. 1

Маска телефона на странице оформления заказа

Решение