Настройка маски ввода номера телефона

Сообщение **alen666** » 12 мар 2016, 12:16

Добрый день помогите сделать вот так не знаю как это описать
когда кликаешь заполнить телефонный номер появляется : +7 ( ) ___ ___ __ вот это
(заголовок темы исправлен - Anonimus)

Сообщение **dred** » 12 мар 2016, 13:29

В настройках editbox что прописано

Сообщение **Gudwinn** » 12 мар 2016, 13:35

Юзайте маску ввода телефонного номера, в поисковиках полно инфы, это не сложно

Сообщение **dmitryp** » 12 мар 2016, 14:24

Через источник файла закидываете файл из этого архива https://goo.gl/78ptcz
в исходник страницы между тегами <head></head> вставьте строку:
<script type="text/javascript" src="jquery.inputmask.js"></script>

потом до </body> вставьте этот скрипт:
<script type="text/javascript">
$(document).ready(function() {
$("#phone").inputmask("+7(999)999-99-99");//маска
});
</script>

"#phone" это ID вашего поля

Сообщение **alen666** » 12 мар 2016, 14:42

Спасибо вот что я нашел если что
http://ruseller.com/lessons.php?rub=32&id=424
Надо это поменять в скрипте phone на Editbox что бы стиль не пропал
<script type="text/javascript">
jQuery(function($) {
$.mask.definitions['~']='[+-]';

$('#Editbox').mask('+7(999) 999-99-99');

});</script>

Сообщение **dmitryp** » 12 мар 2016, 15:26

Я его тоже пробовал, но лично мне не понравилось то что где кликнул там и курсор стоит, а в этом варианте ввод начинает после +7(

Сообщение **alen666** » 12 мар 2016, 17:14

Ваш метод почему то у меня не срабатывает

Сообщение **dmitryp** » 12 мар 2016, 17:48

Вот пример, всё работает)
http://wp.clutch-montblanc.ru/cam/

Сообщение **alen666** » 12 мар 2016, 18:23

Я не вижу у тебя в коде этого
<script type="text/javascript">
$(document).ready(function() {
$("#Editbox4").inputmask("+7(999)999-99-99");//маска
});
</script>

Сообщение **dmitryp** » 12 мар 2016, 19:31

Это потому что 11 версия упаковывает скрипты в отдельный js файл)

Сообщение **prihott** » 29 мар 2016, 22:53

dmitryp писал(а):Источник цитаты $("#phone").inputmask("+7(999)999-99-99");//маска

А как сделать чтобы на несколько id маска распространялась, ну на четыре или пять полей?

Сообщение **anonimus** » 29 мар 2016, 23:12

самое простое - это прописать несколько раз строку

Код: Выделить всё

$("#phone").inputmask("+7(999)999-99-99");//маска

и вместо #phone вписать id других эдитбоксов

Сообщение **Gudwinn** » 30 мар 2016, 01:29

самый простой. и пожалуй правильный вариант для использования в нескольких инпутах(эдитбоксах), это вставить этот код

в head страницы, и в теге любого эдитбокса пропишите это: class="mask" и будет у Вас маска ввода в любом эдитбоксе на странице.

Отправлено спустя 16 минут 55 секунд:
забыл дописать что нужно подключть jsquery.maskedinput.js (закинуть скрипт в папку js)

Сообщение **anonimus** » 30 мар 2016, 16:58

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

должно быть не так как вы предложили и не так как я это сделал в первый раз

Код: Выделить всё

$("#indexPhone1").inputmask("+7(999)999-99-99");
$("#indexPhone2").inputmask("+7(999)999-99-99");

а должно быть так:

Код: Выделить всё

$("#indexPhone1, #indexPhone2").inputmask("+7(999)999-99-99");

где #indexPhone1 и #indexPhone2 - это айдишники эдитбоксов где должна быть маска ввода (например #editbox1, #editbox4, #editbox8 и т.д.)

Сообщение **robert359** » 21 фев 2017, 23:44

У меня тут такая проблема: делаю маску телефона по видеоуроку на ютубе. https://www.youtube.com/watch?v=j6ZADAf2_Fw
Подключаем скрипты, вставляем код в исходник страницы, но проблемы вот в чем:
- если первую строку, подключающую jquery убрать, то маска телефона не работает.
Если её оставить, то не работают лайтбоксы. Т.е. при нажатии на кнопки всплывающие окна не появляются.
Подскажите пожалуйста, в чем дело?

Сайт http://megakvartal-msk.ru/
Или по этой ссылке: http://hideaplm.ru/megakvartal/index.php

Сообщение **SuperBatya** » 22 фев 2017, 01:41

Давно есть бесплатное расширение от Gudwinn'a
http://wysiwygwebbuilder.offershop.ru/c ... irenie.php

Сообщение **robert359** » 27 фев 2017, 15:30

Спасибо, помогло!

Сообщение **stedivid** » 11 мар 2017, 10:30

SuperBatya,
а как не подскажите как сделать и запустить

Сообщение **spoon** » 11 мар 2017, 12:07

У меня супер полезная штука не запустилась :cry_ing:

Сообщение **SuperBatya** » 13 мар 2017, 09:06

А что значит не запустилась?..
- Закидываешь файл (super polesnaya shtuka.wbx) в папку с расширениями (у меня - C:\Users\User\Documents\WYSIWYG Web Builder\system\extensions)...
- Создаешь форму с полями EditBox.
- Далее... "Вставка" -> "Расширения"... Помещаешь расширение "super polesnaya shtuka" на область формы, что бы форма загорелась синим цветом и все...
- В свойствах расширения прописываешь для какого EditBox нужна маска