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

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

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


  • Опубликовано:28 декабря 2017 15:18
  • Просмотров655
Как сохранить даные полей формы, чтобы не сбрасывало введенные данные при регистрации, в случае ошибки, - скрипт сохранения данных в текстовых полях формы 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. сам проверял, всё ОК!. если что не получается, оставляем заявки здесь

 

 

 

Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям

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


Биржа цифровых товаров, здесь можна купить и продать любые файлы: шаблон дизайна сайта, модули, скрипт, домен, готовые сайты, программы, лицензии, логотипы, фирменную символику и др..

По вопросам сотрудничества пишите на электронную почту: abuyfile.com@gmail.com