Почему не срабатывает маска для заполнения поля?

Question

[ligisayan]

Всем привет! Есть поле, в которое хочу предоставить подсказку по какому шаблону заполнять его. Но, почему-то не хочет применять маску для поля - как исправить?
фидл

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>

<input type="tel" name="aperture-tel" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Введите телефон*">

jQuery(function($) {

$.mask.definitions['~']='[+-]';	
$('input.wpcf7-tel').mask('+375(...)....-..-..');

});

Answer 1

[Алексей]

Наверное нужно поискать jquery.maskedinput-1.2.2.js на другом ресурсе.
Так как на ruseller неверно настроен SSL.
А на https сайте подгружать скрипты http не следует.
Это что касается jsfiddle, а какая у вас на сайте ошибка?
Если ваш сайт https - то причина та же.

Comments

[iBird Rose]

https://jsfiddle.net/936881Lu/1/ +1

[ligisayan]

Алексей хорошо, подключил с гитхаба - почему сейчас показывает ошибку? https://jsfiddle.net/936881Lu/2/

[Алексей]

ligisayan: Посмотрите вариант у iBird Rose - https://jsfiddle.net/936881Lu/1/ - все работает. Вижу что код разный надо смотреть внимательнее - может версия не та.

[Алексей]

ligisayan: Похоже что ГитХаб не отдает скрипт при его запросе с левого домена. По крайней мере я не вижу ни "замка" ни размера полученного ответа.

[iBird Rose]

Алексей: ну тк еще бы. ты прямую ссылку на файл с гитхаба не получишь.

[iBird Rose]

Алексей: не мучайся. скачай нормально и подключи локально

[ligisayan]

iBird Rose: спасибо, сработало, но вот на сайте wordpress с установленным contact form 7 задаю $('input.wpcf7-tel').mask('+375(...)....-..-..'); но, ничего не происходит

[ligisayan]

Алексей: аа, понял, спасибо, буду знать

[ligisayan]

Алексей: подключил теперь нормально, но все равно почему-то маска не активируется для поля

[Алексей]

ligisayan: Надо смотреть сам сайт, так сложно сказать. Код должен выполняться как минимум в $(document).ready (когда DOM загружен и готов) и селектор должен быть верным.

[ligisayan]

Алексей: так а есть же измененный фидл, в котором точно также не работает https://jsfiddle.net/936881Lu/4/

[Алексей]

ligisayan: https://jsfiddle.net/936881Lu/6/ так?

[ligisayan]

Алексей: да, спасибо!

Answer 2

[ProjectSoft]

Вместо точек - девятки
https://jsfiddle.net/ProjectSoft/hukquyvs/

Тутор digitalbush.com/projects/masked-input-plugin
Ссылка была в исходном коде плагина. Иногда, всё-таки, нужно заглядывать.