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

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 14 марта 2018 в 17:43
Добрый день! Может кто нибудь подскажет или уже реализовывал, хочу сделать маску для номера телефона, вопрос как(имеется ввиду в форме, когда заполняешь данные объекта)? Пробовал через js не выходит( Редактировал этот файл marker_form.tpl.php, применял jquery.maskedinput-1.2.2.js к полю телефона, сам скрипт <script type="text/javascript">

jQuery(function($) {

$.mask.definitions['~']='[+-]';
$('#phone').mask('(999) 999-9999');
});</script>

так же делал через id inputa результата 0, только исчезали поля загрузить фото
#3 14 марта 2018 в 17:55
Спасибо! Я видел данный компонент! К сожалению в Мапсе нельзя самому выбирать и добавлять некоторые поля( Поэтому нужно решение именно для Мапса!
#4 14 марта 2018 в 18:23


Спасибо! Я видел данный компонент! К сожалению в Мапсе нельзя самому выбирать и добавлять некоторые поля( Поэтому нужно решение именно для Мапса!

@erni21
Ну тогда поиграйтесь немножко. Маску на jquery проще научиться сделать, чем научиться знаки препинания по смыслу расставлять. Вижу, что восклицательные знаки вы научились ставить. Следовательно, и тут разберётесь.
#5 27 марта 2018 в 15:15


Добрый день! Может кто нибудь подскажет или уже реализовывал, хочу сделать маску для номера телефона, вопрос как(имеется ввиду в форме, когда заполняешь данные объекта)? Пробовал через js не выходит( Редактировал этот файл marker_form.tpl.php, применял jquery.maskedinput-1.2.2.js к полю телефона, сам скрипт

jQuery(function($) {

$.mask.definitions['~']='[+-]';
$('#phone').mask('(999) 999-9999');
});

так же делал через id inputa результата 0, только исчезали поля загрузить фото

@erni21

Недавно решил у себя данную проблему, к вечеру отпишусь как) smile
#6 27 марта 2018 в 17:01



Добрый день! Может кто нибудь подскажет или уже реализовывал, хочу сделать маску для номера телефона, вопрос как(имеется ввиду в форме, когда заполняешь данные объекта)? Пробовал через js не выходит( Редактировал этот файл marker_form.tpl.php, применял jquery.maskedinput-1.2.2.js к полю телефона, сам скрипт

jQuery(function($) {

$.mask.definitions['~']='[+-]';
$('#phone').mask('(999) 999-9999');
});

так же делал через id inputa результата 0, только исчезали поля загрузить фото

@erni21

Недавно решил у себя данную проблему, к вечеру отпишусь как) smile

@artemometra
Буду очень Вам благодарен! Спасибо!
#7 27 марта 2018 в 21:13
  1.  
  2. <div class="field">
  3. <?php echo html_input('text', 'contacts[phone]', '', array('placeholder'=>LANG_PLACES_CONTACTS_PHONE, 'id'=>'input-contacts-phone')); ?>
  4. <script type="text/javascript">
  5. jQuery(function($){
  6. $("#input-contacts-phone").mask("+9(999) 999-99-99");
  7. });
  8. </script>
  9. </div>
  10.  
Попробуйте у себя заменить эту часть кода в фале marker_form.tpl.php

Еще нужно подключить библиотеки:

После
  1.  
  2. <div id="maps-marker-form">
  3.  
  1.  
  2. <script src="/templates/default/js/jquery.maskedinput.min.js"></script>
  3.  
#8 28 марта 2018 в 09:36

так же делал через id inputa результата 0,

@erni21

  1. <script type="text/javascript">
  2. jQuery(function($){
  3. $.mask.definitions['9']='[0-9]';
  4. $.mask.definitions['~']='[@+-]';
  5. $.mask.definitions['*'] = "[A-Za-zА]";
  6. });
  7. jQuery(function($){
  8. $("#<?php echo $field->id; ?>").mask('<?php html($phone_mask); ?>', {placeholder:"_"});
  9. });
  10. </script>
  11. <?php $this->addJS("templates/{$this->name}/js/jquery.maskedinput.min.js"); ?>
  12.  
где
  1. "#<?php echo $field->id; ?>"
— id вашего поля
#9 28 марта 2018 в 16:28
та маска которую вы используете $('#phone').mask('(999) 999-9999'); очень деревянная, советую посмотреть в сторону andr-04.github.io/inputmask-multi/ru.html использовал для парочки проектов из + легко редактируемый файл конфига подходящих масок cdn.rawgit.com/andr-04/inputmask-multi/master/data/phones-ru.json
#10 28 марта 2018 в 16:32
Это самая простая.
Приведенная вами основана на стороннем плангине и давно устарела и не обновляется.
#11 28 марта 2018 в 16:33
Извините. Пишу с телефона.
#12 28 марта 2018 в 16:48


Это самая простая.
Приведенная вами основана на стороннем планине и давно устарела и не обновляется.

Soul
да сторонний плагин, устарела в каком плане?) свою суть плагин полностью выполняет, по поводу что плагин не обновляется не каких проблем на рабочих проектов не кто не испытывал)
#13 28 марта 2018 в 19:14
Вариантов масса.
Дело вкуса. 😊
#14 29 марта 2018 в 14:03


  1.  
  2.  
  3.  
  4.  
  5. jQuery(function($){
  6. $("#input-contacts-phone").mask("+9(999) 999-99-99");
  7. });
  8.  
  9.  
  10.  
Попробуйте у себя заменить эту часть кода в фале marker_form.tpl.php

Еще нужно подключить библиотеки:

После
  1.  
  2.  
  3.  
  1.  
  2.  
  3.  

@artemometra

Еще раз Огромное Спасибо! Буду пробовать, я очень благодарен!
#15 29 марта 2018 в 14:26


так же делал через id inputa результата 0,

@erni21

  1.  
  2. jQuery(function($){
  3. $.mask.definitions['9']='[0-9]';
  4. $.mask.definitions['~']='[@+-]';
  5. $.mask.definitions['*'] = "[A-Za-zА]";
  6. });
  7. jQuery(function($){
  8. $("#").mask('', {placeholder:"_"});
  9. });
  10.  
  11.  
  12.  
где
  1. "#"
— id вашего поля

Soul

Спасибо! Я очень благодарен за помощь!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.