Пробуем и тестируем

Рецепты на все случаи жизни

Маленькие хитрости

Как сказал Карабас-Барабас в небезизвестном Буратино:

- А в этот кувшин мы будем кидать кости!

Сюда буду добавлять маленькие скрипты и кусочки кода по наитию. На будующее. Просто от нечего делать. Может быть кому то пригодится. А может быть и даже мне.

Автоматическое сокрытие уведомлений joomla через 3 секунды:


    jQuery(function($){ 
        $('div#system-message-container').delay(3000).fadeOut(300);     
    });

 

Добавление маски телефона к текстовому полю ввода:


    jQuery(function($){ 
        $(".phonemask").mask("+7 (999) 999-99-99",{placeholder:"+7 (___) ___-__-__"});  
    });

Скрипт добавляет маску к текстовым полям с классом .phonemask.

Срипт взят от сюда:

https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/1.4.1/dist/jquery.maskedinput.min.js

При создании собственной маски ввода будьте внимательны при оформлении подсказки. Если она не будет соответствовать маске - в поле появятся не нужные артефакты в виде плюсиков и скобочек. По идее можно обойтись и без подсказки, но тогда полу ввода будет пустым, и потеряется наглядность.

Подробнее о срипте можно почитать тута: http://digitalbush.com/projects/masked-input-plugin/

RSFORM - проверка номера для Республики Беларусь по маске ввода с использованием регулярных выражений:

Иногда упоротость требований к введенному номеру может достикать высот, когда требуется прям не просто помощь ввода номера клиенту, а вот вырви зуб а дай проверку заполненности всех циферей. Малек покопав регулярные выражения в реалиях RSForm навая такую маску.

#^\+[0-9]{3} \([0-9]{2}\) [0-9]{3}\-[0-9]{2}\-[0-9]{2}$#

распишу на всякий пожарный что тут понатыкано:

все находится в обертке # # Почему так - не знаю.. пох оду требование самого компонента

 

^\+ 

 

Это дело ждет что в самом начале значения (^ - это значит начало строки) придет нечто начинающееся с знака + за который будет три любых цифры 

[0-9]{3}

 

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

 

\([0-9]{2}\)

 

затем идет пробел и онструкция которая в принципе уже будет понятна

ждем три блока с цифрами три любые цифры, знак "-" две любые цифры, знак "-", две любые цифры

 

[0-9]{3}\-[0-9]{2}\-[0-9]{2}$

 

Вот такая штука. Знак $ означает что на этом строка должна закончится и ни чего нам больше не надо.

все это дело проверено на форме конструктора на главке на сайте https://radawayshop.by.

Комментарии (1)

  • Да уж, хитрость

    17 августа 2018 at 06:10 |
    все находится в обертке # # Почему так - не знаю.. пох оду требование самого компонента

    Блин, я из-за этой обёртки (не зная про неё) всю голову сломал ) Спасибо, дружище!

    Отзыв

Оставить комментарий

Пожалуйста, войдите, чтобы комментировать.

Статус материала

  • 2017-07-26
  • 2066
  • Раздел: Песочница
  • Метки: RSForm, Хитрости
  • Обновлён: 2017-11-06
  • jomla
  • jbzoo
  • css3
  • html5
  • Java script
  • jquery
  • bootstrap
Мы находимся в Минске
работаем по всей РБ