Артём Мáлков

«Clean Sign Up» – быстрая регистрация в чистом модальном окне для DLE

2 ноя91 коммАртём Мáлков

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

Сегодня я рад представить вам «Clean Sign Up» – быструю регистрацию в модальном окне для CMS DataLife Engine.

«Clean Sign Up» – быстрая регистрация в чистом модальном окне для DLE

Что умеет и чем хороша эта форма?

  1. Минимум шагов для регистрации.
  2. Автоматическая проверка ника на заполненность.
  3. Проверка заполненности всех полей перед регистрацией.
  4. Проверка валидности указанного адреса e-mail.
  5. Ну и конечно же – приятный дизайн.

Установка не сложная, но кропотливая, поэтому запаситесь терпением. Поверьте, оно того стоит ;)

Установка модуля

1. Подключитесь к вашему сайту по FTP.

2. Скачайте архив в конце статьи и содержимое загрузите в корень вашего сайта.

3. Откройте файл main.tpl в папке вашей темы и перед закрывающим тегом </body> подключите форму:

[group=5]

	{include file="engine/modules/clean-sign-up.php"}

[/group]

4. В нужное место на вашем сайте вставьте ссылку для вызова окна регистрации:

[group=5]

	<button class="open_clean_form">Регистрация</button>

[/group]

5. В папке вашей темы откройте файл registration.tpl и все содержимое замените на:

[validation]

	<div class="validation_ok">
	
		<b>Уважаемый посетитель,</b><br>
		поздравляем, Ваш аккаунт только что был зарегистрирован на нашем сайте!<br>
		Не нарушайте <a href="/rules.html" target="_blank">правила проекта</a> и приятного Вам времяпровождения!<br>
		
		<div>
		
			<a href="/" title="Перейти на главную страницу">Продолжить</a>
			
		</div>
		
	</div>
	
[/validation]

Сохраните и отправьте обратно на сайт.

6. Авторизуйтесь в панели управления вашим сайтом. Перейдите в «Настройки скрипта», пункт «Настройки системы»:

«Clean Sign Up» – быстрая регистрация в чистом модальном окне для DLE

На открывшейся странице переключитесь на вкладку «Настройки для пользователей»:

«Clean Sign Up» – быстрая регистрация в чистом модальном окне для DLE

И на открывшейся форме отключите «Код безопасности» и «Включить систему Вопрос - Ответ».

«Clean Sign Up» – быстрая регистрация в чистом модальном окне для DLE

Сохраните изменения.

7. Очистите кэш. Поздравляю, установка закончена!

Чтобы вы представляли, что в итоге у вас должно получиться – посмотрите эту видеодемонстрацию:

Приятного пользования!

Файл
Размер
Ссылка
clean-sign-up.zip
6,89 Kb
Скачать с сервера
Рекомендуем к просмотру
«Clean Sign Up» 2.0 – быстрая регистрация в чистом модальном окне для DLE
Модули и скрипты
Рабочая авторизация на сайте через API в DLE
Хаки
Вызов стандартного модального окна в DLE
Хаки
91
комментарий
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 0
    3
      •  Пользователь
    9 фев в 14:59

    Помогите изменить символы которые можно вводить в никнейм. Хочу оставить только a-z A-Z 0-9 и _

      • 1
      3
        •  Пользователь
      9 фев в 16:34

      Никита Алентьев, Всё решил сам, помощь не нужна

      • 0
      1083
        •  Команда Pandoge
      9 фев в 16:55

      Никита Алентьев, хорошо! Будет здорово, если поделитесь решением smiley

      • 1
      3
        •  Пользователь
      11 фев в 18:18

      Артём Мáлков, переходим по пути \engine\modules открываем clean-sign-up.php и вставляем

      pattern="[a-zA-Z0-9_]+"
      в строку

      <input name="name" id="name" class="f_input f_input_clean_form" type="text"  required onblur="CheckLogin(); return false;"/>
      • 0
      1083
        •  Команда Pandoge
      14 фев в 01:23

      Никита Алентьев, спасибо!

    • 0
    1
      •  Пользователь
    7 ноя в 18:42

    Помогите! Все сделал по инструкции и после ввода всех данных просто выкидывает на гл страницу, никакого пользователя не регистрирует! Что делать?

      • 1
      1083
        •  Команда Pandoge
      9 ноя в 02:57

      Шаша Наосович, здравствуйте! Какая версия DLE используется на сайте?

      • 2
      1
        •  Пользователь
      9 ноя в 20:24

      Артём Мáлков, 13.2 nulled

    • 0
    1
      •  Пользователь
    24 апр в 23:42

    помогите! у меня проблема когда я нажимаю на кнопку регистрации у меня вылезает окно с регистрацией и сразу исчезает. Что делать?

      • 0
      1083
        •  Команда Pandoge
      25 апр в 13:07

      Egor Kalis, подскажите адрес сайта, посмотрю в чём может быть дело.

    • 2
    2
      •  Пользователь
    9 апр в 10:59

    Приветствую! Не могу добавить вторую точно такую же ссылку где либо на сайте. Первая работает, а вторая нет. Пишет что то типо Found 2 elements with non-unique id, буду рад помощи (две одинаковые ссылки на авторизацию очень нужны, не вариант оставлять одну)

      • 0
      1083
        •  Команда Pandoge
      9 апр в 13:41

      Borisov Mikhail, здравствуйте!

      Спасибо за комментарий. Обновил инструкцию + архив с модулем. Сейчас не должно быть проблем.

      • 1
      2
        •  Пользователь
      9 апр в 14:44

      Артём Мáлков, Огромное спасибо, Вы лучший, всё пашет как на стероидах, крайне благодарен

    • 0
    9
      •  Пользователь
    23 мар в 16:06

    Походу либо я туплю, либо что то еще. DLE 15

    После установке, всё чётенько по инструкции. при нажатиина кнопку зарегистрироваться ни чего не происходит.

    библиотеки пробовал подключать, как тут в комментариях написано автором, не помогает.

    Это может быть из за того, что сайт расположен не в основной папке домена?

    У меня это выглядит так http://www.gamelomaster.ru/minecraft/

      • 0
      1083
        •  Команда Pandoge
      23 мар в 16:33

      Кирилл Зимин, консоль показывает, что у вас нет файлов по указанному пути:

      http://www.gamelomaster.ru/engine/skins/clean_sign_up/js/main.js
      http://www.gamelomaster.ru/engine/skins/clean_sign_up/css/style.css
      • 0
      9
        •  Пользователь
      23 мар в 16:40

      Артём Мáлков,

      http://www.gamelomaster.ru/engine/skins/clean_sign_up/js/main.js

      http://www.gamelomaster.ru/engine/skins/clean_sign_up/css/style.css

      У меня есть эти файлы

      • 0
      9
        •  Пользователь
      23 мар в 16:41

      Артём Мáлков, Так стоп, так у меня же в поддомене

      http://www.gamelomaster.ru/minecraft/engine/skins/clean_sign_up/js/main.js

      http://www.gamelomaster.ru/minecraft/engine/skins/clean_sign_up/css/style.css

      • 0
      9
        •  Пользователь
      23 мар в 16:47

      Артём Мáлков,

      В clean_sign_up.php исправил это, дописал директорию. Ошибки из консоли ушли все за исключением вот этого и окно всё ровно не открывается

      Uncaught TypeError: Cannot read properties of undefined (reading 'step')
          at String.<anonymous> (jqueryui3.js?v=1fd74:9:12714)
          at each (jquery-3.3.1.slim.min.js:2:2765)
          at Function.h.hook (jqueryui3.js?v=1fd74:9:12315)
          at jqueryui3.js?v=1fd74:9:12863
          at jqueryui3.js?v=1fd74:9:13330
          at jqueryui3.js?v=1fd74:6:73
          at jqueryui3.js?v=1fd74:6:84
      • 0
      1083
        •  Команда Pandoge
      23 мар в 17:24

      Кирилл Зимин, в ссылке вызова окна:

      id="open_clean_form"

      замените на:

      class="open_clean_form"
      • 2
      9
        •  Пользователь
      23 мар в 17:33

      Артём Мáлков, Спасибо огромное, но еще немного дописал чтоб оставить кнопку. Я просто начинаю пока во всём этом разбираться. Я более по разработке игр)

      <a href="javascript://" class="open_clean_form buttons mr-3">Зарегистрироваться</a>
      • 0
      1083
        •  Команда Pandoge
      23 мар в 17:40

      Кирилл Зимин, интересный опыт, на мой взгляд smiley

      А так - обращайтесь.

    • 0
    3
      •  Пользователь
    15 окт в 19:12

    Артем! А вы бы могли доработать свой модуль полноценно? Очень вас прошу, сильно уж нужно такое решение. О чем я собственно... Сделать не только регистрацию, а и авторизация на аджаксе и восстановление пароля аджаксе. Ну и хотя бы в модуль добавить самую новую форму рекапчи (так называемую невидимая рекапча).

    Наткнулся как-то на одном из киносайтов на подобное решение. Вот как на этом сайте - filmix.ac

    У меня когда-то что-то подобное было. Но, оно было написано криво. Да и банально устарело.

    Был бы весьма признателен вам, да и модуль был бы топчик. Хотя если так подумать, у вас уже на сайте такое реализовано с авторизацией, так что думаю слепить воедино уже куда проще.

    • 0
    1
      •  Пользователь
    26 июн в 19:41

    После того,как ввел данные для регистрации,перекидывает на сайт,но аккаунт не зарегистрировался. в бд его тоже нету

      • 0
      1083
        •  Команда Pandoge
      27 июн в 13:47

      Артем Прокуров, какая версия DLE у вас?

    • 1
    1
      •  Пользователь
    29 июн в 18:34

    Что делать если все сделал по инструкции и ничего не работает? При нажатии на ссылку регистрации ничего не происходит

      • 0
      1083
        •  Команда Pandoge
      30 июн в 00:12

      Anton Rosin, какая версия DLE? Что показывает консоль разработчика?

    • 0
    766
      •  Гости
    27 сен в 13:06

    Хорошо бы внедрить и вверху стандартную регистрацию через соц. сети а то она не работает!

    • 0
    766
      •  Гости
    3 сен в 13:08

    а можно сделать регистрацию в один шаг но с моими дополнительными полями, которые я создам в админке для регистрации?

    • 0
    766
      •  Гости
    24 авг в 13:42

    При попытке ввести логин выдает ошибку:

    Недопустимая длина имени. Логин не может быть менее 3 символов и более 40 символов!

    Куда копать?

      • 1
      1083
        •  Команда Pandoge
      24 авг в 13:57

      Alex, можно взглянуть на сайт?

    • 0
    766
      •  Гости
    22 авг в 17:44

    Не могу установить даный модуль когда нажимаю регистрация ничего не происходит

      • 0
      1083
        •  Команда Pandoge
      22 авг в 18:15

      Дима, библиотеку jQ подключили? В комментариях выше написано про это.

    • 1
    766
      •  Гости
    21 июн в 00:03

    А как сделать, чтобы 2 кнопки работали?

      • 0
      1083
        •  Команда Pandoge
      21 июн в 00:43

      Виталя, на третьей странице комментариев есть ответ на ваш вопрос.

    • 0
    766
      •  Гости
    18 июн в 17:12

    Доброго дня у меня кодировка windows-1251, после установки иероглифы может быть подскажете как перевести в утф 8?

      • 0
      1083
        •  Команда Pandoge
      19 июн в 17:16

      maks, напишите нам через форму обратной связи - пришлем архив с нужной кодировкой.

    • 0
    766
      •  Гости
    5 июн в 20:59

    Всем тем у кого появляется ошибка "Error" это из-за того что вы удалили копирайт автора, но как говорится на одни мозги найдутся другие мозги, если хоть чуть разбираешься в JS то сможешь исправить эту ошибку, а если нет, то и не суйся уважай труд автора и оставь копирайт!

    • 1
    766
      •  Гости
    5 июн в 17:34

    Подтвердите действие на странице

    Error!

    • 2
    766
      •  Гости
    11 мая в 11:13

    1. "<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>" - подключил.

    По прежнему выскакивает: Постоянно выскакивает окошко "error - подтвердите действие на ......" что за хрень? и это к стати во всех Ваших модулях!

    2. Перестал работать тег "{logout-link}" (выйти, после установки модуля!)

    -----

    В консоле TypeError: $.ui is undefined[Подробнее]

      • 0
      1083
        •  Команда Pandoge
      11 мая в 13:15

      Андрей, можно взглянуть на сайт?

      Вообще, попробуйте эту библиотеку + очистить кэш

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

      Библиотеку нужно подключать выше всех скриптов, желательно в HEAD.

      • 0
      766
        •  Гости
      11 мая в 15:16

      Сайт http://l91958rs.bget.ru/

      Обычная стандартная тема.

      1. http://joxi.ru/l2Z1B8gfwpagMm.jpg первая ошибка

      2. http://joxi.ru/ZrJNDWZs9YNXBr.jpg вторая ошибка

      • 0
      1083
        •  Команда Pandoge
      11 мая в 18:52

      Андрей, первая ошибка банальна. У Вас измененный код модуля. Используйте его без изменений из статьи и проблем с этим не будет.

      Что касается второй - ссылка на выход работает нормально. Проверено на браузере Firefox.

    • 1
    766
      •  Гости
    20 апр в 14:54

    Все отлично работает на 11 и 12. Спасибо большое, значительно облегчает создание тестовых пользователей на виртуальном сервере )

    • 0
    766
      •  Гости
    14 апр в 20:13

    Постоянно выскакивает окошко "error - подтвердите действие на ......" что за хрень? и это к стати во всех Ваших модулях!

      • 5
      1083
        •  Команда Pandoge
      14 апр в 21:33

      Дима, а модуль устанавливали точно с нашего сайта? Без каких либо изменений?

      Если да - то подключите библиотеку jQuery в head вашего сайта.

    • 0
    766
      •  Гости
    7 апр в 23:42

    Ещё бы такой же подобный модуль авторизации.. и вообще шикарно было бы.

      • 0
      766
        •  Гости
      11 апр в 20:42

      Собственно такой вопрос.. у меня в шаблоне (на главной и.т.д.) несколько ссылок на регистрацию.. 2-3 штуки

      [group=5]

      <a href="javascript://" id="open_clean_form">Регистрация</a>

      [/group]

      Но будет открывать только 1.. а другие просто не будут функционировать..

      Как сделать чтобы и другие работали ?

      • 6
      1083
        •  Команда Pandoge
      13 апр в 02:39

      Алексей,

      [group=5]

      <a href="javascript://" id="open_clean_form">Регистрация</a>

      [/group]

      Замените на

      [group=5]

      <a href="javascript://" class="open_clean_form">Регистрация</a>

      [/group]

      В скрипте main.js (30 строка)

      $("#open_clean_form").on("click", function() {

      замените на

      $(".open_clean_form").on("click", function() {

      • 0
      766
        •  Гости
      29 апр в 15:07

      Ну хз.. столкнулся с проблемой авторизации через соц сети.. когда поставил этот модуль.

      Всё время после авторизации перекидывает на не существующую страницу.. хз что это....

      /registerAjax/

      Да и страница белая с ошибкой промелькивает.. аля:

      http://f5.s.qip.ru/krBdR4A1.jpg

      Версия PHP: 5.6.36

      • 0
      1083
        •  Команда Pandoge
      29 апр в 16:49

      Алексей, дайте адрес Вашего сайта. Посмотрю в чем проблема.

      • 0
      766
        •  Гости
      29 апр в 18:37

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

      • 2
      766
        •  Гости
      29 апр в 18:52

      Хотя уже понял.. что это не из-за данного модуля..

      А из-за чего то другого.. пойду думать =(

    • 0
    766
      •  Гости
    29 мар в 14:01

    зачем писать два раза "делайте"?

    • 0
    766
      •  Гости
    25 мар в 13:34

    Работает на 12.1, проверил.

    Есть один момент пока. Авторизация на DLE обычно в модальном окне, и если прописать там ссылку на регистрацию, желательно, чтобы окно авторизации закрывалось автоматом, иначе два окна открытых получается. Либо сделать два примера установки: как есть сейчас, и чтобы окно авторизации закрывалось.

      • 0
      766
        •  Гости
      25 мар в 13:47

      И не плохо было использовать свой tpl шаблон, чтобы можно было настроить внешний вид модального окна под свой дизайн.

    • 1
    766
      •  Гости
    19 мар в 23:36

    Привет. На dle 12 не работает должным образом

      • 5
      1083
        •  Команда Pandoge
      20 мар в 00:06

      дима, какие возникают проблемы в использовании?

    • 1
    766
      •  Гости
    10 фев в 20:54

    Здравствуйте! отключил «Код безопасности» и «Включил систему Вопрос - Ответ». но пишет неверный ответ что делать?

      • 10
      1083
        •  Команда Pandoge
      11 фев в 13:42

      jebir,

      1. Проверить корректность настроек.

      2. Очистить кэш сайта.

      3. Очистить кэш браузера.

    • 1
    766
      •  Гости
    29 янв в 02:49

    Артем, доброй ночи у меня почему то постоянно выскакивает "Загрузка. Пожалуйста подождите" с чем такое связано?

      • 6
      1083
        •  Команда Pandoge
      30 янв в 13:47

      wsionc, Здравствуйте. Можно взглянуть на сайт, где повторяется проблема?

      • 0
      766
        •  Гости
      31 янв в 17:29

      Да вот сайт {link} как раз сейчас стоит такая проблема актуальна

      • 5
      1083
        •  Команда Pandoge
      31 янв в 19:46

      wsionc, сайт не открывается. Ошибка в браузере - Ошибка при установлении защищённого соединения

      • 0
      766
        •  Гости
      31 янв в 19:51

      доступ полностью открыт странно...

      • 0
      766
        •  Гости
      31 янв в 22:40

      Проверьте кеш может в нем дело... так как доступ открыт нормально и проблем с сертификатом нет! вот в исходнике такая вот ошибка https://hdfox.ru/uploads/2018-01-31_213804.png

      • 11
      1083
        •  Команда Pandoge
      31 янв в 22:54

      wsionc, проверил в нескольких браузерах - сайт не доступен.

      • 0
      766
        •  Гости
      1 фев в 06:01

      Можно узнать ваш регион для тестирования!?

      • 0
      766
        •  Гости
      1 фев в 06:14

      если поможет вот скрин исходного кода, который постоянно меняться в районе "opacity" https://a.radikal.ru/a16/1802/f7/c5b4a1ef2244.png

    • 0
    766
      •  Гости
    15 янв в 20:40

    вообще ничего не происходит нажимая на кнопку регистрация

      • 11
      1083
        •  Команда Pandoge
      15 янв в 20:45

      alcarin, подключите библиотеку jQuery.

    • 0
    766
      •  Гости
    7 янв в 03:46

    Решил попробовать поставить в denwer, красиво всё сделано, но выдало почему-то каракули)cool

      • 12
      1083
        •  Команда Pandoge
      7 янв в 20:06

      Сергей, смените кодировку js-файла, проблема в таком случае должна решиться

    • 0
    766
      •  Гости
    5 янв в 02:33

    при выводе модального окна поверх него вылезает информация из тега custom, как решить данную проблему?

      • 7
      1083
        •  Команда Pandoge
      5 янв в 03:48

      Максим, Очень жаль, что удалили копирайты разработчика. neutral

      В стили вашего сайта (в самый низ) вставьте:

      .overlay_clean {

      z-index: 9999 !important;

      }

      Это должно решить Вашу проблему.

    • 0
    766
      •  Гости
    19 дек в 01:04

    Здравствуйте. При добавлении 3 пункта настроек, на сайте окно появляется циклически "Загрузка. Пожалуйста подождите". Как избежать этого? В остальном все отлично.

      • 6
      1083
        •  Команда Pandoge
      19 дек в 12:43

      Дмитрий, Здравствуйте!

      Не плохо было бы посмотреть живой пример ошибки. Но кажется, что Вы делаете что-то делаете не так.

      • 0
      766
        •  Гости
      19 дек в 20:01

      Вот этот сайт - {link}. Если есть возможность подключится у вас через удаленку, то посодействую в этом, естественно не за спасибо.

      • 9
      1083
        •  Команда Pandoge
      19 дек в 22:39

      Дмитрий, у меня вроде все нормально - форма открылась. Но зарегистрироваться не смог, так как не выполнено действие из 6 пункта.

    • 0
    766
      •  Гости
    3 дек в 16:20

    Лучше бы разместили пример всего как сделать самому без модуля

    • 1
    766
      •  Гости
    22 ноя в 16:55

    не открывается окно формы регистрации что делать?

      • 8
      1083
        •  Команда Pandoge
      22 ноя в 17:08

      Артём, пришлите ссылку на ваш сайт - посмотрю в чем дело.

      • 0
      766
        •  Гости
      22 ноя в 20:35

      Артем Мáлков, у меня сайт на денвере. я установил модуль «Космическая» форма входа + мини профиль для DLe может они друг гругу мешают?

      • 0
      766
        •  Гости
      22 ноя в 20:36

      У меня dle 10.6

      • 8
      1083
        •  Команда Pandoge
      22 ноя в 21:51

      Артём, Пришлите скрин с консоли браузера

      • 1
      766
        •  Гости
      22 ноя в 22:11

      Артём, https://cloud.mail.ru/public/46KQ/7qf14KD7B

      • 9
      1083
        •  Команда Pandoge
      22 ноя в 23:21

      Артём, установили точно все по инструкции? пришлите файл main.tpl

      • 0
      766
        •  Гости
      22 ноя в 23:29

      https://cloud.mail.ru/public/KTJH/fZhxVosFJ Main.tpl

      https://cloud.mail.ru/public/DPZc/KB1EoczVe Login.tpl

      • 7
      1083
        •  Команда Pandoge
      22 ноя в 23:55

      Артём, ссылка на Login не рабочая

      • 9
      1083
        •  Команда Pandoge
      22 ноя в 23:58

      Артём, и еще, откройте консоль, обновите сайт. Затем нажмите на кнопку регистрации - и пришлите скрин консоли.

      • 0
      766
        •  Гости
      23 ноя в 00:00

      Артём, как мне быть ?

      • 5
      1083
        •  Команда Pandoge
      23 ноя в 00:07

      Артём, самое лучшее в таком случае - установить программу anydesk или teamviewer и прислать доступы к ним, что бы я мог подключиться к компьютеру и сам посмотреть в чем проблема.

Подняться наверх
Регистрация на сайте
Pandoge - уникальный проект, который собрал на своих страницах большой опыт многих людей в сфере сайтостроения.Присоединяйся и ты к сообществу, получай неограниченные знания и начинай творить свою мечту!Нажимая кнопку «Регистрация» вы даете согласие на обработку своих персональных данных.
Имя и фамилия
E-mail
Логин
Пароль
Регистрация
Pandoge