Иногда необходимо ограничить пользователя по возрасту при входе на сайт, зачастую это формальность, и юные пользователи запрещенных сайтов клубнички хитрят, но законом предусмотрено, что нужно запретить доступ к таким сайтам пользователям не достигших 18, а порой и 21 года. Я лично сталкивался с необходимостью создания такого окна, а именно для сайта магазина алкоголя. И тогда мне приходилось делать такое окно ведь хороших готовых решений я тогда не нашел. Сегодня я покажу, как можно создать такое окно с помощью плагина jQuery.

 

Age Check-это простой плагин jQuery, который создает небольшое модальное окно с необходимостью указать дату рождения для проверки возраста при входе на определенную станицу. Плагин использует API для хранения сеансов если пользователь прошел проверку. Интересные готовые шаблоны от наших партнеров, есть и бесплатные:

Шаг 1. HTML

Для начала нам необходимо загрузить библиотеку jQuery и JS & CSS плагина jQuery age check на нашу веб-страницу.

Так как функционал плагина будет минимальный, то и материалов по его работе и подключению не так уж и много, движемся дальше.

Шаг 2. JS

После того как плагин вы подключили к станице его нужно вызвать, чтобы при входе на сайт посетители видели такое окно. Для этого будет следующее правило:

Сами опции которые отображаются в модальном окне у нас будут следующие:

С одной стороны это простой маленький плагин, а с другой это уже готовое решение, которое вы можете легко стилизировать и использовать на вашем сайте.

Вот и все. Готово!