Как добавить галочку на сайте о согласии на предоставление персональных данных

Как добавить галочку на сайте о согласии на предоставление персональных данных

В связи с хайпом по поводу закона о персональных данных и штрафах, которые государство вводит за несоблюдение этого закона. Одним из условий соблюдения закона, является согласие пользователя на предоставление своих данных при заполнении любой формы на любом сайте. Как же добиться согласия от пользователя на сайте?

Одним из решений является установка галочки (checkbox) в форме отправки письма. Пока галочка не стоит, кнопка отправить не работает. Вот пример такой формы:
Как добавить галочку на сайте о согласии на предоставление персональных данных

Решение рассчитано на опытных пользователей знакомых с HTML.
1. Вставляем в нужное место кода формы input checkbox с id=”politics”, а также прописываем текст со ссылкой на согласие, у меня эта строчка выглядит вот так:

<input type="checkbox" id="politics" onclick="check();" value="" autocomplete="off"/>
Нажимая на кнопку "Отправить заказ", я даю <a href="ссылка на страницу согласия">согласие на обработку персональных данных.</a>

2. В код кнопки “Отправить” добавляем name=”submit” и disabled=””. У меня код кнопки “Отправить” выглядит вот так:

<input type="submit" name="submit" class="submit" disabled="" value="Отправить" />

3. Сразу после закрывающего тега </form> вставляем следующий js скрипт:

<script>
function check() {
var submit = document.getElementsByName('submit')[0];
if (document.getElementById('politics').checked)
submit.disabled = '';
else
submit.disabled = 'disabled';
}
</script>

Этот код делает не активной кнопку отправить, пока не стоит галочка.

[porto_block name=”ads”]

Comments (7)

  • Евгений Reply

    Спасибо, просто и понятно.

    19.12.2017 at 15:37
    • Вячеслав Reply

      у нас конструктор устанавливает готовую форму контактов…Есть ли у Вас полный скрипт с полями имени, телефона и адреса и плюс вот этот скрипт о согласии? За скрипт о согласии отдельное спасибо!!!

      17.10.2018 at 15:27
  • Олег Reply

    Спасибо, друг, полезный код!

    18.01.2018 at 23:12
  • Marina Zemina Reply

    Здравствуйте! Данный пункт появится в MailChimp скоро, разработчики уже занимаются этим. Сейчас установили для вашего сайта галочку с помощью стороннего кода. Проверьте, пожалуйста.

    01.06.2018 at 06:53
  • Константин Reply

    Круто! то что искал – все работает!

    10.10.2018 at 12:47
  • Максим Reply

    Огромное спасибо! Все действительно работает! Автору преогромный РЕСПЕКТ!

    08.02.2019 at 07:44
  • Сергей Reply

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

    10.12.2020 at 18:14

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *