@barakuda1

Почему не меняется маска телефона?

$('.contacts-tel-reg-item').on('click',function () {
        var get_code = $(this).attr('data-mask-phone');
        var get_flag = $(this).children('.contacts-tel-reg-item--flag').attr('style');

        $('.contacts-tel-reg--flag').attr('style',get_flag);
        $(this).parents('.contacts-tel-reg--wrap').next('.mask-phone').mask(get_code);

    });


<form id="contact">
                        <div class="form--wrap">
                            <div class="input-form--wrap contacts-form-page">
                                <input class="input-ur-forms w-48" type="text" placeholder="Как вас зовут?" name="name" required>
                                <!-- <input class="input-ur-forms w-48" type="email" placeholder="Email..." name="email" required> -->

                                <div class="contacts-tel-reg input-ur-forms w-48">
                                    <div class="contacts-tel-reg--wrap">
                                        <div class="contacts-tel-reg--flag" style="background-image:url('{{ asset('static/img/content/ru.jpg') }}');"></div>
                                        <div class="contacts-tel-reg--arrow">
                                            <svg class="icon icon-arrow-down ">
                                                <use xlink:href="{{ asset('static/img/svg/symbol/sprite.svg#arrow-down') }}"></use>
                                            </svg>
                                        </div>
                                        <!-- +375 (99) 999-99-99 -->
                                        <!-- +380 99 999 9999 -->

                                        <div class="contacts-tel-reg-list">
                                            <div class="contacts-tel-reg-item" data-mask-phone="+7 (999) 999-99-99">
                                                <div class="contacts-tel-reg-item--flag" style="background-image:url('{{ asset('static/img/content/ru.png') }}');"></div>
                                            </div>
                                            <div class="contacts-tel-reg-item" data-mask-phone="+380 (999) 999-999">
                                                <div class="contacts-tel-reg-item--flag" style="background-image:url('{{ asset('static/img/content/ua.png') }}');"> </div>
                                            </div>
                                        </div>

                                    </div>
                                    <input class="mask-phone" type="tel" minlength="17" requred placeholder="" required name="phone">
                                </div>

                            </div>
                            <textarea class="textarea-forms mb-4" cols="5" rows="4" placeholder="Комментарий..." name="comment" required></textarea>
                            <button class="main-button-color mw-200 m-0-auto" type="submit">Отправить
                                <svg class="icon icon-arrow-button " width="36" height="16" viewBox="0 0 36 16" xmlns="http://www.w3.org/2000/svg">
                                    <path id="i-2" d="M34 8L0 8"></path>
                                    <path id="i-1" d="M17 8L0 8"></path>
                                    <path id="i-3" d="M27 1L34 8L27 15"></path>
                                </svg>
                            </button>
                        </div>
                    </form>
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы