Не очищать поля формы при регистрации

10   (2)

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

Как сохранить даные полей формы, чтобы не сбрасывало введенные данные при регистрации, в случае ошибки, - скрипт сохранения данных в текстовых полях формы Cotonti  фриланс-биржи.
Этот скрипт сохраняет текст, набранный в нужных и указанных нами текстовых полях и возвращает его в поле формы, если, например страница регистрации случайно обновилась или пользователь допустил ошибку, перешел на другую страницу и потом вернулся. Эта статья поможет не терять введенные данные в полях формы.

Случается так, что заполненная на вашем сайте форма по клику на submit выдает ошибку и поля формы несохраняются. Например, пользователь при регистрации ввёл уже занятый логин или электронку, неверно ввёл капчу или не поставил галочку напротив чекбоксов.

Вернувшись, он обнаруживает пустоту в текстовых полях формы регистрации на сайте под управлением CMF Cotonti на фриланс-бирже.

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

Мы можем увеличить количество конверсий на сайте. Каждая заполненная форма — это новый пользователь, еще один комментарий или новая заявка на работу. Поэтому нужно уважать время пользователя и давать ему возможность воспользоваться вторым шансом.

Как работает эта фишка с полями

При помощи скрипта мы выполним следующую задачу: все данные, которые пользователь вводит в форму, будут моментально сохраняться в cookies без участия пользователя. При обновлении страницы скрипт сам добавит текст в уже заполненные поля. Таким образом, при обновлении страницы пользователю не придется заново заполнять вашу форму.

и так начнём:

1. скачиваем архив либо по этой ссылке либо вконце статьи.

2. заливаем все .js в папку шаблона в папку "js", если таковой нет, то её создаём.

3. в папке шаблона открываем файл подключения стилей и скриптов nametheme.rc.php и в самый конец кидаем

cot_rc_link_footer($cfg['themes_dir'].'/'.$usr['theme'].'/js/ntsaveforms.js');
cot_rc_link_footer($cfg['themes_dir'].'/'.$usr['theme'].'/js/jquery.Storage.js');

4. открываем тот что для примера в архиве файл users.register.freelancer.tpl и перед <!-- END: MAIN --> кидаем

    <script>
    function sum() {
        var _1 = document.getElementById('var1').value;
        var _2 = document.getElementById('var2').value;
        var result = 0;
        if (_1 != '' && _2 != '')
            result = parseFloat(_1) + parseFloat(_2);
        document.getElementById('result').innerHTML = result;
    }
    function clear_input() {
        document.getElementById('var1').value = '';
        document.getElementById('var2').value = '';
    }
    </script>

5. И так как речь идет о регистрации юзверя, то открываем например файл users.register.freelancer.tpl и  указываем, какие именно поля нужно сохранять и заполнять автоматически. Для этого добавим им класс ntSaveForms и присвоим нужному полю id.
Например, текстовые поля для логина и электронки будут выглядеть так:

<input class="ntSaveForms" id="var1" value="" type="text" name="rusername" placeholder="Ваш логин латиницей" required="" />
<input class="ntSaveForms" id="var2" value="" type="text" name="ruseremail" placeholder="Действующий e-mail" required="" />

6. Всё по сохраняли, сбросили кеш и пробуем регистрироваться, например заведомо допуская ошибки, например в капче.

7. сам проверял, всё ОК!. если что не получается, оставляем заявки здесь

 

 

 

4c30869fc8f6be2e.png

4c30869f.png

29 kB

28 дек 2017 12:18

cot-saveform.zip

cot-save.zip

4 kB

28 дек 2017 12:18

Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям
Не очищать поля формы при регистрации
Автор:
Webitproff
461.0

услуги дизайна сайтов на Cotonti, разработка LANDING PAGE, Создание Landing Page, защита контента Landing Page, Поддержка и помощь сайтам фриланс-биржи на котонти, готовые сборки для быстрого старта.

  • Нет тегов

Торговая площадка «ABUYFILE»

Запомнить меня

или, если у Вас еще нет своего аккаунта

Зарегистрироваться