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

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

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

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

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

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

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

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


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

 

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

<script src="/<?php print JURI::base().'/templates/'.$this->template; ?>/js/jquery.maskedinput.min.js"></script>
    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}$#

1028e13442

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

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

 

^\+ 

 

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

[0-9]{3}

 

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

 

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

 

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

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

 

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

 

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

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

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

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

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

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

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

    Отзыв

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

Вы комментируете как Гость.

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

  • jomla
  • jbzoo
  • css3
  • html5
  • Java script
  • jquery
  • bootstrap
Мы находимся в Минске
работаем по всей РБ
  • mts+375 29 779-72-95viber
  • vel+375 44 779-72-95
  • email: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
  • skype: tirby_kat
Индивидуальный предприниматель
Кулак Сергей Николаевич
УНП: 590816946
зарегистрирован Зельвенским районным исполнительным комитетом
от 01.06.2010
Свяжитесь со мной