Маска для ввода телефона

Здравствуйте! Удавалось ли кому задать маску для ввода номера телефона при регистрации? На странице подачи объявления и редактирования это сделать не сложно , как оказалось, а вот в форме регистрации из-за отсутствия "input-type" и "id" не понятно как реализовать...... 

Здравствуйте! Удавалось ли кому задать маску для ввода номера телефона при регистрации? На странице подачи объявления и редактирования это сделать не сложно , как оказалось, а вот в форме регистрации из-за отсутствия "input-type" и "id" не понятно как реализовать......

А что мешает "id" добавить к полю ?

Что-то мешает, ибо многое перепробовал..... не выходит(

Код: [Выделить]

<label for="phone"><?php _e('Mobile Phone', 'theme'); ?></label> <span class="input-box last"><i class="fa fa-phone"></i><?php UserForm::mobile_text(osc_user()); ?></span>

Что-то мешает, ибо многое перепробовал..... не выходит(

Код: [Выделить]

<label for="phone"><?php _e('Mobile Phone', 'theme'); ?></label> <span class="input-box last"><i class="fa fa-phone"></i><?php UserForm::mobile_text(osc_user()); ?></span>

Можно заменить хэлпер:

Код: [Выделить]

<?php UserForm::mobile_text(osc_user()); ?>на input

Код: [Выделить]

<input id="s_phone_mobile" type="tel" name="s_phone_mobile" value="" placeholder="<?php echo osc_esc_html(__('Mobile Phone', 'theme')); ?>" class="input">

так вот сходу, замена не помогла.....   попробую поизвращаться над данным решением, о результате позже ......

js. не туда пытался всунуть...) к башке прикрутил и все заработало. Спасибо

Подскажите и мне ежели не составит труда 

Тема "bender", выводиться телефон таким образом:

Код: [Выделить]

<div class="control-group">
                                <label class="control-label" for="contactPhone"><?php _e('Phone', 'bender'); ?><span style="color: #ff0909; font-size: 16px; font-weight: bold;"> *</span></label>
                                <div class="controls">
                                <?php ItemForm::contact_phone_text(); ?>
                                </div>
                            </div>
А на сайте выводиться уже в таком виде:

Код: [Выделить]

<div class="control-group">
                                <label class="control-label" for="contactPhone">Телефон<span style="color: #ff0909; font-size: 16px; font-weight: bold;"> *</span></label>
                                <div class="controls">
                                <input id="contactPhone" type="text" name="contactPhone" value=""></div>
                            </div>
Как следствие, не могу прописать следующее:

Код: [Выделить]

$('#contactPhone').mask("+7(999)999-9999", {autoclear: false});
Консоль говорит о том, что функция $('...).mask("+7(999)999-9999", {autoclear: false}); не определенна (не назначена) 

Библиотеку подключили?

Библиотеку подключили?

Да,подключил!
Проблема в том, что телефон формируется вот этим кодом ( <?php ItemForm::contact_phone_text(); ?> )

Не получается обратиться к названию класса инпута, так как класса у него не назначено.
( по гайду делал, но вот этот предательский <?php ItemForm::contact_phone_text(); ?> вводит в заблуждение )

Проблема в том, что телефон формируется вот этим кодом ( <?php ItemForm::contact_phone_text(); ?> )

Откуда Вы такой код взяли ?
В классе  ItemForm нет функции contact_phone_text();
И в шаблоне Bender конечно же нет кода

Код: [Выделить]

<?php ItemForm::contact_phone_text(); ?>

Библиотеку подключили?

Да,подключил!
Проблема в том, что телефон формируется вот этим кодом ( <?php ItemForm::contact_phone_text(); ?> )

Не получается обратиться к названию класса инпута, так как класса у него не назначено.
( по гайду делал, но вот этот предательский <?php ItemForm::contact_phone_text(); ?> вводит в заблуждение )

Для начала проверьте в ItemForm есть ли вообще такая функция! contact_phone_text() имеется в виду

Сами же ответили на свой вопрос: "Консоль говорит о том, что функция.....   не определена (не назначена)"

Библиотеку подключили?

Да,подключил!
Проблема в том, что телефон формируется вот этим кодом ( <?php ItemForm::contact_phone_text(); ?> )

Не получается обратиться к названию класса инпута, так как класса у него не назначено.
( по гайду делал, но вот этот предательский <?php ItemForm::contact_phone_text(); ?> вводит в заблуждение )

Для начала проверьте в ItemForm есть ли вообще такая функция! contact_phone_text() имеется в виду

Сами же ответили на свой вопрос: "Консоль говорит о том, что функция.....   не определена (не назначена)"

Функция есть такая, телефон же выводит, а скрипт к ней прицепиться не может, потому что class="" для неё не назначен, есть только ID, а через него скрипт зацепиться не может!

Библиотеку подключили?

Да,подключил!
Проблема в том, что телефон формируется вот этим кодом ( <?php ItemForm::contact_phone_text(); ?> )

Не получается обратиться к названию класса инпута, так как класса у него не назначено.
( по гайду делал, но вот этот предательский <?php ItemForm::contact_phone_text(); ?> вводит в заблуждение )

Для начала проверьте в ItemForm есть ли вообще такая функция! contact_phone_text() имеется в виду

Сами же ответили на свой вопрос: "Консоль говорит о том, что функция.....   не определена (не назначена)"

Функция есть такая, телефон же выводит, а скрипт к ней прицепиться не может, потому что class="" для неё не назначен, есть только ID, а через него скрипт зацепиться не может!

Вам же DIS указал выше на то, что нет по умолчанию данного кода в шаблоне!
Вы вносили изменения самостоятельно в шаблон, поэтому пытаться решить проблему не видя того, что вы у себя сделали на данный момент, бессмысленная затея! По крайней мере её никто решать не будет за Вас)

Функция есть такая, телефон же выводит, а скрипт к ней прицепиться не может, потому что class="" для неё не назначен, есть только ID, а через него скрипт зацепиться не может!

Функции такой  нет в скрипте и шаблоне.
Значит сами её добавили.
По сути: что мешает посмотреть исходный код страницы в браузере и скопировать input ? А затем вместо функции  его вставить в код страницы и добавить нужный класс.

Функция есть такая, телефон же выводит, а скрипт к ней прицепиться не может, потому что class="" для неё не назначен, есть только ID, а через него скрипт зацепиться не может!

Функции такой  нет в скрипте и шаблоне.
Значит сами её добавили.
По сути: что мешает посмотреть исходный код страницы в браузере и скопировать input ? А затем вместо функции  его вставить в код страницы и добавить нужный класс.

не хватало вашего совета =)
прикрутил class, но опять ошибки в консоли, прикрепляю скрин...

гляньте зорким глазом пжлст